Foxtable(狐表)用户栏目专家坐堂 → 【已放弃】[求助]为什么html代码灰度不能用?圆形头像代码


  共有1948人关注过本帖树形打印复制链接

主题:【已放弃】[求助]为什么html代码灰度不能用?圆形头像代码

帅哥哟,离线,有人找我吗?
zto001
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1465 积分:10403 威望:0 精华:0 注册:2018/10/16 11:42:00
【已放弃】[求助]为什么html代码灰度不能用?圆形头像代码  发帖心情 Post By:2019/5/13 9:54:00 [只看该作者]

[求助]为什么html代码不能用?

为什么这段代码不能再狐表上用,其他却能用?

<style>
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    filter: gray;
</style>

全部代码

Dim hdm As String
hdm = "<html> <style> .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; </style> <body> <h4><img src=""http://image.zhangxinxu.com/image/blog/201208/2012-08-19_155221.jpg"" class=""gray"" width=""40"" height=""40"" />春晓</h4> <p> 春眠不觉晓, 处处闻啼鸟. 夜来风雨声, 花落知多少. </p> <p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行).</p> </body> </html>"
    '赋值网页代码生成网页
    Dim web = Forms("html").controls("webbrowser1").basecontrol
    web.documentText =hdm
[此贴子已经被作者于2019/5/13 10:42:39编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2019/5/13 10:05:00 [只看该作者]

 

请发送完整的html代码上来测试。

 

并截图说明那里不同。


 回到顶部
帅哥哟,离线,有人找我吗?
zto001
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1465 积分:10403 威望:0 精华:0 注册:2018/10/16 11:42:00
  发帖心情 Post By:2019/5/13 10:15:00 [只看该作者]

红色区域是把图片变成黑白,其他代码全部正常,能出来网页,就是这个变成黑白不能执行
全部代码是:
Dim hdm As String
hdm = "<html> <style> .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; </style> <body> <h4><img src=""http://image.zhangxinxu.com/image/blog/201208/2012-08-19_155221.jpg"" class=""gray"" width=""40"" height=""40"" />春晓</h4> <p> 春眠不觉晓, 处处闻啼鸟. 夜来风雨声, 花落知多少. </p> <p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行).</p> </body> </html>"
    '赋值网页代码生成网页
    Dim web = Forms("html").controls("webbrowser1").basecontrol
    web.documentText =hdm

 回到顶部
帅哥哟,离线,有人找我吗?
zto001
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1465 积分:10403 威望:0 精华:0 注册:2018/10/16 11:42:00
  发帖心情 Post By:2019/5/13 10:16:00 [只看该作者]

但是我在html里面写代码确实正常的,变成了黑白

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2019/5/13 10:26:00 [只看该作者]

ie10、ie11,不支持。

 

https://blog.csdn.net/whqet/article/details/22737149

 


 回到顶部
帅哥哟,离线,有人找我吗?
zto001
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1465 积分:10403 威望:0 精华:0 注册:2018/10/16 11:42:00
  发帖心情 Post By:2019/5/13 10:29:00 [只看该作者]

此段请忽略 html 变成圆形头像代码<style> 
.round_icon{
  width: 34px;
  height: 34px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

 </style> 

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2019/5/13 10:31:00 [只看该作者]

ie10、ie11,不支持。

 

https://blog.csdn.net/whqet/article/details/22737149

 


 回到顶部
帅哥哟,离线,有人找我吗?
zto001
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1465 积分:10403 威望:0 精华:0 注册:2018/10/16 11:42:00
  发帖心情 Post By:2019/5/13 10:42:00 [只看该作者]

灰度放弃了,完全看不懂

 回到顶部
帅哥哟,离线,有人找我吗?
zto001
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1465 积分:10403 威望:0 精华:0 注册:2018/10/16 11:42:00
  发帖心情 Post By:2019/5/13 11:19:00 [只看该作者]

 改为不换行 display: inline

此段请忽略 html 变成圆形头像代码<style> 
.round_icon{
  width: 34px;
  height: 34px;
  display: flex(改成inline;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

 </style> 

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2019/5/13 11:56:00 [只看该作者]

以下是引用zto001在2019/5/13 11:19:00的发言:
 改为不换行 display: inline

此段请忽略 html 变成圆形头像代码<style> 
.round_icon{
  width: 34px;
  height: 34px;
  display: flex(改成inline;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

 </style> 

 

你的问题是什么?请具体说明一下你的问题。

 


 回到顶部