艺灵设计

全部文章
×

不同系统下IETester测试的结果也会有所差异

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2013-08-03 14:59:35 - 阅: - 评:0 - 积分:0

IETester对于初学css者来说,是一款测兼容性的神器。因为学初学者不容易让自己的代码达到理想效果,前期会遇到各种问题,都需要通过该软件来进行校正。大量的练习过后会有所积累,避免了常识性的错误,在写代码时也节省了不少时间。下面来说说我在前段时间使用IETester时遇到的问题。

前面提到过半透明效果的实现方法,下面就说下关于半透明的事情。源码如下:

在线演示
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>不同系统下IETester测试的结果也会有所差异</title>
  6. <meta name="author" content="艺灵设计,yilingsj@gmail.com, www.yilingsj.com" />
  7. <style type="text/css">
  8. *{margin:0;padding:0;}
  9. body{font-size:12px;}
  10. div{width:300px; height:30px; line-height:30px;background:#000;
  11. filter:alpha(opacity=60);opacity:.6; color:#fff; text-align:center}
  12. </style>
  13. </head>
  14. <body>
  15. <div>注意我的背景在不同系统下IETester中的变化</div>
  16. </body>
  17. </html>

在win7系统下使用IETester时,滤镜功能失效,"filter:alpha(opacity=60);opacity:.6"完全被忽视了,如下图:w7系统下滤镜在IETester中不被执行
用chrome等浏览器浏览正常,如下图:
w7系统下滤镜在chrome下正常显示
同样的代码,放到xp系统下再次使用IETester来看看效果,滤镜正常。 xp系统下滤镜在IETester中可以渲染

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:http://www.yilingsj.com/div/2013-08-03/66.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: IETester filter:alpha opacity

上一篇: 实现背景半透明及解决文字半透明的方法   下一篇: 实现ie6下png图片背景透明的几种方法

评论区