divbyzero
-
Posts
5 -
Joined
-
Last visited
divbyzero's Achievements
Explorer (1/14)
0
Reputation
-
Что за бред? <div style="width: 155px; height: 150px; background: #ddd; overflow: scroll;"> <br/> <br/> ... <br/> <br/> <div class="green"> <div class="red">50%</div> </div> <br/> <br/> ... <br/> <br/> </div> В таком случае контент "скроллируется", а бекгроунд остается на месте в IE6
-
В таком случаем сама картинка фона будет обрезана. Собственно это строка и делает бекграундом в ие6 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rate.png', sizingMethod='crop'); а эта, убирает с виду вложенное изображение в теге img (делает его полностью прозрачным) .red img{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
-
Хорошо спасибо за толчок в нужное русло, тогда спросить вот что хочу. У меня такая ситуация, что нада положить фон картинкой с прозрачностью. (png) Вот что получается в FF, IE7 А вот что получается в IE6: Вот код: (все как и в Вашем примере, только вставил картинку) ... <div class="green"> <div class="red"><img src="images/rate.png" alt=""/></div> </div> ... Загружаю в IE6 png при помощи специального стиля .red img{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .red{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rate.png', sizingMethod='crop'); background: #f00 left top; } Получается, что red тянется вместе с картинкой
-
Если можно поточнее, куда и к чему?
-
Всем привет. Столкнулся с такой ситуацией. В общем у меня есть два элемента. Покажу на рисунке, так нагляднее. из него нужно получить вот такое: Но вроде бы все просто, вот только есть - но. позиционирование использовать нельзя. Почему? просто этот контент не статический и будет со скролом двигаться, и при позиционировании(relative) в IE6 остается на месте. Возможно предложите как сделать чтобы при прокрутке перемещался элемент. Вот в общем я эксперементировать и вот что получил: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <style> .el1{ width: 50px; height: 13px; background: #f00; display: block; } .el2{ width: 65px; height: 13px; display: block; background: transparent url(images/rate.png) no-repeat; } .all{ background: #222; width: 65px; height: 13px; } </style> </head> <body> <div class="all"> <span class="el1"> <span class="el2"></span> </span> </div> </body> </html> И еще самый важный момент, у меня на сайте - динамически меняется ширина элемента el1. А в IE6 ширина равна ширине el2, в других браузерах (IE7, FF) все нормально (ширина el1 независит от el2). Возможно проковыряясь 2 дня, я поспешно сделал выводы, помогите разобраться с проблемой.