English 中文(简体)
ie8的快速阴影css问题不起作用
原标题:Quick drop shadow css question for ie8 not working

只是一个简单的问题,这个css代码在ie8中不适用于阴影,有什么想法吗?

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color= #000000 )";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color= #000000 );
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
最佳回答

我不确定这是否是IE8错误,但如果您添加背景色,它似乎按预期工作

在Chrome中,删除背景色会留下阴影,但在IE8中,文本会继承阴影,看起来很糟糕。如果你有一个坚实的背景,你可以匹配你想要放置阴影的元素的背景。不幸的是,transparent在IE8中也会出现同样的问题。

问题回答

使用阴影过滤器指定元素的宽度为我解决了类似的问题。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签