Группа: Проверенные Пользователь №: 51 Сообщений: 121 Получено оценок: 6
| Есть два блока.
Один вложен во второй.
Везде нормально отображается, кроме ИЕ6
css
Code | 1 | <style type="text/css"> | | 2 | .am {width: 500px; height: 500px; | | 3 | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=Scale, src='vv.png'); | | 4 | position: relative; | | 5 | } | | 6 | | | 7 | .am[class] {background: url(vv.png);} | | 8 | | | 9 | .am2 { | | 10 | width: 500px; | | 11 | height: 500px; | | 12 | filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='vv.png'); | | 13 | position: absolute; | | 14 | right: -250px; | | 15 | } | | 16 | | | 17 | .am2[class] {background: url(vv.png);} | | 18 | | | 19 | .r1 {background: red;width: 300px; height: 400px;position: relative;margin: 50px 0 0 50px;} | | 20 | .r2 {background: white;width: 100px; height: 100px; position: absolute;bottom: -20px;right: -20px;} | | 21 | | | 22 | body {background: #000;} | | 23 | </style> |
html
Code | 1 | <div class="am"> | | 2 | | | 3 | <div class="am2"> | | 4 | | | 5 | </div> | | 6 | </div> |
То есть получается так, что при позиционировании вложенного блока, он отображается на столько, на сколько может влезть в 500px родителя.
Как исправить можно? (z-index не пашет)
спасибо
прикрепил скрин
Сообщение отредактировал vladko95 - Четверг, 15.12.2011, 22:33 |
