|
|
|
| Можно ли сделать добавку в код, чтобы в ИЕ8 срабатывала директива background-size ? | |
|
|
|
|
|
|
|
|
для: Deed
(23.11.2013 в 09:28)
| | К сожалению, я не совсем верно сформулировал вопрос.
Имеется фоновая картинка шириной в 1 пиксель и высотой 200 пикселей. И требуется, чтобы блок имел фоном эту картинку, причем высота блока была равна высоте этой фоновой картинки, хотя содержимое блока меньше по высоте и явно не задается.
#Topgallant {overflow:hidden; max-width:1000px; margin:0 auto; background-size:100% 100%; background-image:url(my-design/200.gif);}
<div id="Topgallant">
<!— Здесь наполнение блока -->
</div>
|
| |
|
|
|
|
|
|
|
для: Владимир55
(27.11.2013 в 21:50)
| | Какие проблемы? http://wowa55.pz9.ru/200.htm
Просто, если в диве ничего для вывода на страницу нет, он "схлопывается". Поэтому, чтобы его увидеть, нужно "положить" в него хотя бы неразрывный пробел | |
|
|
|
|
|
|
|
для: Deed
(28.11.2013 в 00:06)
| | У этой проблемы ноги растут вот откуда.
При резиновой верстке нет возможности в явном виде указать высоту блока. Поэтому возникает необходимость сделать блок таким образом, чтобы его высота определялась высотой однопиксельной фоновой картинки. И при этом в случае сужения экрана блок должен автоматически масштабироваться по высоте.
Если из кода Вашего примера убрать высоту, то блок просто сожмется до размеров надписи (см. http://wowa55.pz9.ru/201.html ). При этом и дизайн фоновой картинки исказится, поскольку от него остался только верх. А нужно, чтобы дизайн сохранялся и уменьшался вместе с самим блоком при уменьшении ширины окна.
В принципе, я это сделал. Работает везде, кроме ИЕ8, поскольку он не понимает background-size. Но при этом я нагородил столько, что теперь хочу вернуться к самому началу... | |
|
|
|