Многофункциональный фон CSS отображается в Chrome, но не в IE или Firefox
Я вижу некоторые ответы на фоны, которые появляются не в Chrome, а в IE и Firefox, но это только обновляет кеш. Попробовал указать условия для background-size
ничего не изменилось Не уверен, почему он работает в Chrome, но совсем не отображается в Firefox или IE. Может быть, IE не может обрабатывать несколько фонов, но, по крайней мере, я бы хотел, чтобы это было доступно в Firefox, если это возможно. Какие-нибудь мысли?
Вот код:
body{
background-image: url(http://pocketyourpower.com/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFja2dSTy5qcGcifX0,/key/5bf910ba704cb793ba25145022f9caa3/),
url (http://pocketyourpower.com/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFja2dST3JpZ2h0LmpwZyJ9fQ,,/key/5bf910ba704cb793ba25145022f9caa3/);
background-size:93px 99px;
background-repeat: repeat-y, repeat-y;
background-position:left, center right;
}
Появляется здесь хорошо.
Не уверен, почему не работает на Mozilla или IE.
2 ответа
Я не знаю, что вы здесь делаете, ваш URL-адрес изображения вообще не указывает на изображения...
CSS
body {
background-image: url(http://www.xtec.cat/centres/a8026907/Index/google.jpg), url(http://www.posicionamientoenlaweb.es/wp-content/uploads/2011/03/google.png);
background-size:93px 99px;
background-repeat: repeat-y, repeat-y;
background-position:left, center right;
}
Я полагаю, вы используете Magento.
В этом случае решение состоит в том, чтобы изменить только одну настройку в admin:
System -> Configuration -> General -> Content Management -> Use Static URLs for Media Content in WYSIWYG for Catalog
в Yes
Поскольку URL вашего изображения были сгенерированы редактором Magento WYSIWYG, и для вышеуказанного параметра было задано значение No
, у вас были неработающие ссылки в передней части.