DXImageTransform.Microsoft.gradient 不适用于内联元素答案

【问题标题】：DXImageTransform.Microsoft.gradient doesn't work on inline elementsDXImageTransform.Microsoft.gradient 不适用于内联元素
【发布时间】：2011-02-02 21:21:42
【问题描述】：

我有一些像这样构造的导航元素

  <div id="topnavcontainer">

              <a href='/web/link1.html' >link1</a>
              <a href='/web/link2.html' >link2</a>
              <a href='/web/link3.html' class='current'>link3</a>

  </div>

#topnavcontainer a.current 的 CSS 指定了一个渐变并使用了DXImageTransform，以便 IE 也可以渲染渐变。

不过，它似乎只有在我将 #topnavcontainer a.current 设置为 display: block 时才有效，这会破坏导航的工作方式。

有谁知道解决办法吗？

【问题讨论】：

标签： html css internet-explorer cross-browser

【解决方案1】：

是的：要使过滤器起作用，您的元素必须have layout。有多种方法可以通过 CSS（在链接文档中概述）来实现。一种方法（不是有效的 CSS，但会起作用）是

zoom: 1;

另一个是有效的 CSS 但可能会影响格式。是

display: inline-block;

【讨论】：

将链接嵌入列表中是否会为其提供“布局”并解决问题？
@Chris：不，必须是元素本身有布局。