以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.com/bbs/index.asp)
--  专家坐堂  (http://foxtable.com/bbs/list.asp?boardid=2)
----  【已放弃】[求助]为什么html代码灰度不能用？圆形头像代码  (http://foxtable.com/bbs/dispbbs.asp?boardid=2&id=134920)
--  作者：zto001
--  发布时间：2019/5/13 9:54:00
--  【已放弃】[求助]为什么html代码灰度不能用？圆形头像代码
[求助]为什么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编辑过]
--  作者：有点甜
--  发布时间：2019/5/13 10:05:00
--  

 

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

 

并截图说明那里不同。
--  作者：zto001
--  发布时间：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
--  发布时间：2019/5/13 10:16:00
--  
但是我在html里面写代码确实正常的，变成了黑白
--  作者：有点甜
--  发布时间：2019/5/13 10:26:00
--  

ie10、ie11，不支持。

 

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

 
--  作者：zto001
--  发布时间：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> 
--  作者：有点甜
--  发布时间：2019/5/13 10:31:00
--  

ie10、ie11，不支持。

 

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

 
--  作者：zto001
--  发布时间：2019/5/13 10:42: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> 
--  作者：有点甜
--  发布时间：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> 

 

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