html - 为什么投影向左偏移?

标签 html css internet-explorer

我正在尝试在与 IE 7 和 8 兼容的 div 上创建投影。我只希望投影出现在 div 下方(而不是顶部、左侧或右侧边框)。使用 DXImageTransform.Microsoft.Shadow() 我将 X 偏移设置为 0,但阴影仍然出现在我的 div 的左边框上,仅在 IE 7 和 8 中。有什么想法吗?

#Container {
background-color: white;
position: relative;
z-index: 1;
width: auto;
zoom:1; 
filter: progid:DXImageTransform.Microsoft.Shadow(color='grey', OffX=0, OffY=5, Strength=5);
-webkit-box-shadow: 0px 5px 5px grey;
-moz-box-shadow: 0px 5px 5px grey;
box-shadow: 0px 5px 5px grey;

最佳答案

当您模糊图像时,它会变大。即使您在水平轴上偏移 0px(正如您所做的那样),较大的模糊也会出现在内容的左侧。

关于html - 为什么投影向左偏移?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14634451/

相关文章:

html - "visibility:collapse"和 "display:none"之间的区别

javascript - 表单的无效 eventListener

javascript - 什么会阻止 actionscript flash 在 IE9 中调用 JS 对象?

css - 除了 javascript 之外,还有其他方法可以修复 IE 6 错误吗?

jQuery 菜单中的 jQuery 问题绑定(bind)函数

java - 将一个网站嵌入到另一个网站中

javascript - 如何把很多 sibling 放到一个div中

css - 像乐谱一样灵活的图像缩放/拉伸(stretch)

html - 绝对定位的元素的父元素绝对必须容纳子元素的高度

css - ie 8 显示为 ie7 [CSS if condition]?