Многофункциональный фон 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, у вас были неработающие ссылки в передней части.

Другие вопросы по тегам