html - DXImageTransform.Microsoft.gradient 不适用于内联元素

Question

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

  <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 时才起作用，这会破坏导航的工作方式。

有人知道解决方法吗？

Answer 1

是的:要使过滤器起作用，您的元素必须 have layout .有多种方法可以通过 CSS 实现此目的(在链接文档中概述)。一种方法(不是有效的 CSS 但可以工作)是

zoom: 1;

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

display: inline-block;