【发布时间】:2011-10-15 06:02:07
【问题描述】:
我在 IE 中遇到了 dropshadow 和其他 hack 的问题。我已经看到了很多很多针对 IE 的修复程序。我无法让他们为我工作,也找不到原因的解释。
这是我尝试过的其中一种技巧的示例: http://i.imgur.com/31Dra.png
我的代码和网页在左侧。这个黑客来自的网站是: http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/
真正让我感动的是它可以在 IE 中的那个网站上运行。我还检查了源代码(在 chrome 中),但页面显示在 IE 中。
这是 IE 8,只是为了澄清。
对此的任何解释将不胜感激。
HTML:
<head>
<link REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen />
</head>
<body>
<div class="shadow">Nothing to see, move along.</div>
</body>
CSS:
.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
框阴影:3px 3px 4px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
过滤器:progid:DXImageTransform.Microsoft.Shadow(强度=4,方向=135,颜色='#000000');
背景色:00ccff;
}
【问题讨论】:
-
我认为您应该将不起作用的代码放在您的帖子中,而不是作为图像。我认为这就是你投反对票的原因。单击edit 并添加您的代码,并注意代码格式化工具。但是请留下图片链接,因为它非常相关。
-
您应该使用本地网络服务器来避免某些问题,包括这个问题。
标签: html css cross-browser