Фоновые изображения LI (.PNG) не появились в IE6 - PullRequest
0 голосов
/ 26 марта 2010

Я использую следующий CSS, но он никогда не показывает фоновые изображения в IE6. Но если я уберу фильтр .. Команда AlphaLoader, то она будет отображаться на сером фоне.

Вот мой код CSS

.fg-block1 ul, .fg-block3 ul
{
 list-style:none;
 }
.fg-block1 ul li, .fg-block3 ul li
{
 padding-left:28px;
 background:url(images/bullet-2.png) no-repeat left top;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 border-bottom:1px dotted #fff;
 text-align:left;
 background-position:1px 0;
 line-height:16px;
 padding-bottom:5px;
 margin-bottom:5px;
}
.fg-block3 ul li
{
 border-bottom:none;
}
.fg-block1 ul li a, .fg-block3 ul li a
{
 color:#fff;
 text-decoration:none;
}
.fg-block1 ul li a:hover, .fg-block3 ul li a:hover
{
 color:#fff;
 text-decoration:underline;
}

Ответы [ 4 ]

1 голос
/ 26 марта 2010

Попробуйте прочитать это:

http://www.twinhelix.com/css/iepngfix/demo/

0 голосов
/ 24 марта 2011

Я никогда не пробовал плагин jQuery, но после решения многих проблем с PNG в IE6 лучшее исправление, которое я нашел, на данный момент Запоздалое исправление PNG . Упомянутое ранее исправление TwinHelix создало некоторые проблемы для меня в определенных сценариях.

0 голосов
/ 26 марта 2010

Я рекомендую jQuery png fix. см. ссылки ниже

Плагин jQuery

другой источник

0 голосов
/ 26 марта 2010

AlphaImageLoader Хак работает только в том случае, если вы установили размеры для родительского контейнера, в который вы загружаете png в качестве фона.

Если вы добавите width и height и display:block к вашим <li>, все будет хорошо. В противном случае - рассмотреть другой подход.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...