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>

CSS для #topnavcontainer a.current задает градиент и использует DXImageTransform, чтобы IE тоже мог отображать градиент.

ЭтоОднако, кажется, работает только если я установил #topnavcontainer a.current на display: block, что разрушает работу навигации.

Кто-нибудь знает какие-нибудь обходные пути?

Answer 1

Да: чтобы фильтры работали, ваш элемент должен иметь макет . Есть несколько способов сделать это через CSS (обрисовано в общих чертах в связанном документе). Один из способов (который не является допустимым CSS, но будет работать) -

zoom: 1;

Другой, который является допустимым CSS, но может повлиять на форматирование. есть

display: inline-block;