Css IE8中的不透明度适用于<;p>;但不是在<;a>;

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"

我在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">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>