我对 IE7 和 IE8 的 CSS opacity 属性有疑问。在 IE9/FF/Chrome/Safari/Opera 上,代码在下面工作,因为不透明度属性工作正常。
我读到要应用不透明度的元素必须具有“布局”,但是我已经尝试过了,虽然我在 IE8 上取得了一些成功(它杀死了其他 CSS 属性)但它没有 在 IE7 上工作。
是否有针对 IE7 和 IE8 的简单、低风险的解决方案?
<div id="link_contents">
<ul>
<li><a>Poulter</a></li>
<li><a>Lawrie</a></li>
<li><a>Hanson</a></li>
</ul>
</div>
#link_contents ul {
width: 200px;
height: 110px;
padding-top: 40px;
}
#link_contents ul a {
font-size: 14pt;
color: #000;
background-color: #FFFFFF;
padding: 3px;
opacity: 0.75;
filter: alpha(opacity=75);
}
最佳答案
我敢肯定您对 IE7 会很不走运,但请查看此链接: http://css-tricks.com/css-transparency-settings-for-all-broswers/
IE7 和 8 具有真正粗略的 CSS 兼容性,幸运的是几乎没有人再使用这些版本的 IE。我认为此链接应该对您有所帮助。您可能还需要 IE 的条件 CSS,这对于现在几乎所有站点都很常见。谷歌“条件 CSS IE”以获取更多信息。
希望对您有所帮助,祝您好运!
关于CSS 不透明度在 IE7 和 IE8 中的无序列表项上损坏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12285929/