Валится фон на Macbook Safari

B
На сайте с 14.04.2012
Offline
35
675

Приветствую. Есть сайт http://funquesthomes.com/

Бекграунд загружается хорошо с телефонов, WINDOWS(со всех браузеров)

Однако, когда открываешь браузер Сафари на макбуке, то бекграунд отображается некорректно(см аттачи)

jpg ATdYfImAgGs.jpg
jpg JHlgBDNkzXI.jpg
Staid
На сайте с 30.07.2014
Offline
59
#1

body {background-repeat: no-repeat;}

Egoistik
На сайте с 15.01.2013
Offline
57
#2

если не получится попробуй этот скрипт

var cssFix = function(){

var u = navigator.userAgent.toLowerCase(),

addClass = function(el,val){

if(!el.className) {

el.className = val;

} else {

var newCl = el.className;

newCl+=(" "+val);

el.className = newCl;

}

},

is = function(t){return (u.indexOf(t)!=-1)};

addClass(document.getElementsByTagName('html')[0],[ (!(/opera|webtv/i.test(u))&&/msie (\d)/.test(u))?('ie ie'+RegExp.$1)

:is('firefox/2')?'gecko ff2'

:is('firefox/3')?'gecko ff3'

:is('gecko/')?'gecko'

:is('opera/9')?'opera opera9':/opera (\d)/.test(u)?'opera opera'+RegExp.$1

:is('konqueror')?'konqueror'

:is('applewebkit/')?'webkit safari'

:is('mozilla/')?'gecko':'',

(is('x11')||is('linux'))?' linux'

:is('mac')?' mac'

:is('win')?' win':''

].join(" "));

}();

А теперь о том, как этим скриптом пользоваться.

Первое, что нужно сделать — вставить скрипт на страницу :) Далее правим только CSS.

Теперь у нас в рапоряжении есть дополнительные css селекторы, а именно ОС и браузер. То есть, конструкция будет выглядеть так:

.[ОС].[Браузер] css селектор

Селекторы ОСи:

.win — Windows

.linux — Linux

.mac — MacOS

Селекторы браузеров:

.ie — все версии ИЕ

.ie8 — ИЕ 8.х

.ie7 — ИЕ 7.x

.ie6 — ИЕ 6.x

.ie5 — ИЕ 5.x

.gecko — все версии фаерфокса, и остальные гекко-браузеры

.ff2 — фаерфокс 2

.ff3 — фаерфокс 3

.opera — все версии оперы

.opera8 — опера 8.x

.opera9 — опера 9.x

.konqueror — konqueror

.safari — сафари

Возвращаясь в абстрактной ситуации с фаерфоксом на маке, решение будет такое:

.mac.gecko селектор{/* исправленный код */}

или

.mac.ff2(3) селектор{/* исправленный код */}

может поможет :)

Помогу с мелкими вопросами по Wordpress ICQ- 448858859, Skype- oman6661

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий