Background выше содержимого блока
Собственно, вопрос вот в чём:
Есть такой код: <td><div style="background:url(imborder.png)"><img src="image.png"></div></td> Заливка блока div - это рамка, но если image.png лежит на этом backgraond`е, т.е. на рамке, то не очень хорошо смотрится, поэтому надо чтобы background лежал на картинке. Ну, конечно, в мозиле, ие7 прокатил z-index:-1. Но, вот в ие8 картинка уходит вообще под background самого сайта, т.е. рамки пустые, картинок не видно. Как можно решить этот вопрос кроссбраузерно? |
Цитата:
Ты бы хотьпример привёл с нормальными урлами, дабы посмотреть на сие чудо. |
Цитата:
|
а почему бы просто не поставить картинку по верх картинки ?
|
Цитата:
|
Таким:
<style>
div.place {
position: relative;
}
.image {
position: absolute;
top: 35px;
left: 25px;
z-index: 1;
}
.border {
position: absolute;
z-index: 2;
}
</style>
<div class="place">
<img class="image" src="http://neocubs.ru/images/image-1.jpg" />
<img class="border" src="http://neocubs.ru/images/border.png" />
</div>
|
С абсолютной позицией не хочется связываться. Без неё реализовать можно как-то?
|
А чем абсолютная позиционирование вам мешает ? изображение позиционируется относительно div'у
Без позиционирование по моему нельзя, иначе как изображения налезут друг на друга. |
Цитата:
Если у тебя размеры картинок нужного размера - делай их бекграундом. А рамку накладывай сверху, но у неё внутренности прозрачные должны быть. |
<style>
.place {
background-image: url(http://neocubs.ru/images/image-1.jpg);
background-repeat: no-repeat;
background-position: 25px 35px;
width: 235px;
}
</style>
<div class="place">
<img class="border" src="http://neocubs.ru/images/border.png" />
</div>
|
| Часовой пояс GMT +3, время: 09:36. |