Я отлаживаю свое приложение в режиме разработчика IE8, и у меня очень странное поведение.Режим разработки IE8 обычно отображает каждый стиль CSS в новой строке, но не в этих случаях ... возьмем три примера:
#1
.messages .read
background-color: rgb(234,234,234); HEIGHT: 1.5em
padding-top: 0.3em
#2
a:link
color : rgb(80,80,82); TEXT-DECORATION: none
#3
#messaging .body
border-bottom: rgb(...) 1px solid
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#C2C2C2'); BORDER-LEFT: rgb(...) 1px solid; PADDING-BOTTOM: 1.5em; MARGIN: 15px 0 25px; etc.
Как вы можете видеть, в трех случаях IE ведет себя странно,и особенно для #3, я получаю некоторые действительно странные артефакты, такие как уродливая темно-серая рамка вокруг градиента.
Есть ли известный способ обойти это поведение?- исправлены артефакты градиента
#3, которые были удивительно легко исправлены добавлением position:relative; к этому стилю.По-видимому, это нужно IE для правильной визуализации градиентов.
Мне все еще интересно знать, почему IE смешивает несколько стилей в одну строку и имеет ли этот причудливый эффект какой-то факт.