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

时间:2011-02-02 12:29:01

标签: html css internet-explorer cross-browser

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

  <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会导致导航工作方式失效,那么它似乎才有效。

有谁知道任何工作?

1 个答案:

答案 0 :(得分:3)

是:要使过滤器正常工作,您的元素必须have layout。有很多方法可以通过CSS(链接文档中概述)来实现。一种方式(不是有效的CSS但会起作用)是

zoom: 1;

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

display: inline-block;