Css IE8中的不透明度适用于<;p>;但不是在<;a>;
我在IE8中遇到问题,无法生成Css IE8中的不透明度适用于<;p>;但不是在<;a>;,css,internet-explorer-8,opacity,Css,Internet Explorer 8,Opacity,我在IE8中遇到问题,无法生成 我尝试了使用zoom:1,但它没有帮助。以下是我的测试CSS,摘自上的示例: 以及测试HTML: <p class="test">Test paragraph without opacity.</p> <p class="test opaque1">Test paragraph with <code>opacity</code></p> <p class="test opaque2"
我尝试了使用zoom:1代码>,但它没有帮助。以下是我的测试CSS,摘自上的示例:
以及测试HTML:
<p class="test">Test paragraph without opacity.</p>
<p class="test opaque1">Test paragraph with <code>opacity</code></p>
<p class="test opaque2">Test paragraph with <code>filter</code></p>
<p class="test opaque3">Test paragraph with <code>-ms-filter</code></p>
<p class="test opaque4">Test paragraph with compatibility note</p>
<p>
<a class="test" href="#">Test anchor without opacity.</a><br/>
<a class="test opaque1" href="#">Test anchor with <code>opacity</code></a><br/>
<a class="test opaque2" href="#">Test anchor with <code>filter</code></a><br/>
<a class="test opaque3" href="#">Test anchor with <code>-ms-filter</code></a><br/>
<a class="test opaque4" href="#">Test anchor with compatibility note</a><br/>
</p>
在IE8中,opaque2
、opaque3
和opaque4
段落是透明的,但没有一个锚定是透明的。在IE6中,opaque2
和opaque4
段落和锚点都具有透明性。尝试给锚点显示:block
,但随后必须修复其css属性,如宽度、高度。。。。等
但是一旦你给锚定属性display:block
不透明度就可以了
根据评论,您可能会幸运地使用display:inline块;缩放:1
-内联块在IE8上工作,缩放将针对IE6/7。+1。。。提出得好!快速提问。。。你在IE7上测试过吗?如果测试过,结果是什么?@Hristo:对不起,我没有IE7环境。立即设置那么,你是否尝试过在你的源代码页面中使用.不透明中引用的过滤器和-ms过滤器?@Bryan:你的意思与我发布的源代码不同吗?是的。请阅读上的IE兼容性说明。我现在还没时间测试。谢谢。。。但在ie8中,难道根本没有办法使内联对象透明吗?块有一些问题,因为它不像文本那样工作。(当然,这是不应该的。)当你使用block时会出现什么样的问题??这是你可以用CSS解决的问题吗?如果链接是在一个文本块中,浏览器会想把链接放在自己的行中。我可以浮动它,但是如果链接从一行的末尾开始,块仍然会向下移动(块不会像内联元素那样跨文本行拆分)您尝试过内联块吗???我一直都是这样工作的,这对我来说非常好……你是对的。我在IE6/7中使用的zoom:1
技巧与display:inline block
具有相同的效果。我以前从未注意到文本包装问题,因为我在标记云中使用了不透明度,其中每个链接都是非常短的文本。您可以在这里看到文本包装问题:(查看半透明文本如何在最后一个屏幕截图中的新行开始?)
<p class="test">Test paragraph without opacity.</p>
<p class="test opaque1">Test paragraph with <code>opacity</code></p>
<p class="test opaque2">Test paragraph with <code>filter</code></p>
<p class="test opaque3">Test paragraph with <code>-ms-filter</code></p>
<p class="test opaque4">Test paragraph with compatibility note</p>
<p>
<a class="test" href="#">Test anchor without opacity.</a><br/>
<a class="test opaque1" href="#">Test anchor with <code>opacity</code></a><br/>
<a class="test opaque2" href="#">Test anchor with <code>filter</code></a><br/>
<a class="test opaque3" href="#">Test anchor with <code>-ms-filter</code></a><br/>
<a class="test opaque4" href="#">Test anchor with compatibility note</a><br/>
</p>