Специально для эксперимента оставил только одно условие. Может кто нибудь проверить? IE9
_____________
Принимаю заказы, писать в ЛС
Полная Версия: background-size под IE
| Цитата (Медведь @ 16.05.2014 - 15:18) |
| Специально для эксперимента оставил только одно условие. Может кто нибудь проверить? IE9 |
Ну так покажи страницу.
потому как сам по себе
background-size: 100%;
в IE9 прекрасно пашет
У тебя
сделай
background: url("interernyi_dizain.jpg") no-repeat fixed 0 0 / 100% auto rgba(0, 0, 0, 0);
сделай
background: url(../interernyi_dizain.jpg) ;
background-size: 100%;
И зачем картинку на весь экран если всё остальное совершенно не адаптивно?
| Цитата (Kopipaster @ 16.05.2014 - 15:54) |
| И зачем картинку на весь экран если всё остальное совершенно не адаптивно? |
Низнаю клиенту так нужно, он сам всё скинул на почту фон, тексты, их расположение, цвет, размер и всё остальное.
Как думаешь, это мне надо учиться или клиенту искать другие варианты?
_____________
Принимаю заказы, писать в ЛС
у меня
_____________
Принимаю заказы, писать в ЛС
*{
margin: 0;
padding: 0;
}
html,body {
width: 100%;
height:100%;
}
body {
background: url(interernyi_dizain.jpg) no-repeat;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
background-attachment: fixed;
}
_____________
Принимаю заказы, писать в ЛС
попробуй положить в боди див и задать картинку для него
HTML:
CSS:
должно работать
А по поводу
HTML:
<body>
<div class="telo">
Контент
</div>
</body>
CSS:
.telo {
background: url(interernyi_dizain.jpg) no-repeat;
background-size: 100%;
должно работать
А по поводу
| Цитата (Медведь @ 16.05.2014 - 16:49) |
| Как думаешь, это мне надо учиться или клиенту искать другие варианты? |
целиком твоя вина. Я вот сайты за деньги не делаю. Мой бизнес железо. Но если бы мой клиент пришёл с явно провальной заявкой на сборку компа, я бы либо переубедил, либо не делал бы вообще. Плавающий фон это конечно красивый элемент если всё остальное соответствует. Но на твоих страницах он ломает всю вёрстку. Не видно текста. Короче, пока это в процессе никто не ругается, но если это окончательный вариант. Однозначно переделывать.
| Цитата (Kopipaster @ 16.05.2014 - 17:44) |
| целиком твоя вина. |
Это руки кривые или что взялся за такое))?
Текста не видно, знаю, но блин он упёртый.
_____________
Принимаю заказы, писать в ЛС
| Цитата (Медведь @ 16.05.2014 - 17:56) |
| Это руки кривые или что взялся за такое))? |
Мало знаний. Задай хотя бы минимальную ширину. А то болтается всё по экрану...)))
Надписи и телефон прямо на картинке, детский сад просто. Фон страницы белый, соответственно видна граница где кончается картинка. Даже если учесть ТЗ, что сделал мол как сказали, очень много ляпов.
Открой на телефоне или просто уменьши окно браузера. Сам увидишь что происходит с вёрсткой.
| Цитата (Kopipaster @ 16.05.2014 - 18:15) |
| Задай хотя бы минимальную ширину. |
Дак вот оно
<table border="0" cellpadding="0" cellspacing="0" width="980px">
_____________
Принимаю заказы, писать в ЛС
| Цитата (Kopipaster @ 16.05.2014 - 18:15) |
| Надписи и телефон прямо на картинке, детский сад просто. |
Эт клиент попросил на картинке (точнее друг знакомого, поэтому благотворитеельность, я так электрик)
_____________
Принимаю заказы, писать в ЛС
| Цитата (Kopipaster @ 16.05.2014 - 18:15) |
| Фон страницы белый, соответственно видна граница где кончается картинка. |
Что можно сделать?
_____________
Принимаю заказы, писать в ЛС
| Цитата (Медведь @ 16.05.2014 - 18:19) |
| Дак вот оно |
Нет слов просто
ну и что перестало болтаться по экрану?
Короче не буду тебя заворачивать. Просто когда фирма предлагает услуги дизайна и имеет такой дизайн странички, это несколько настораживает.
| Цитата (Медведь @ 16.05.2014 - 18:24) |
| Что можно сделать? |
Ну с таким подходом мало что. Для начала надо определится с итоговым видом страницы. Потом уже подгонять вёрстку под макет. Допустим если много текста страница тянется вниз и скролится, то один подход. Если сайт-визитка где мало текста и упор на графику, то другой подход.
Здесь расположена полная версия этой страницы.