Question

我看到一些答案背景没有出现在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;
}

显示正常here。

不确定为什么不能在Mozilla或IE上运行。

Answer 1

我不知道你在这做什么，你的图片网址根本没有指向图片...

Demo

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;
}

Answer 2

我假设您正在使用Magento。

在这种情况下，解决方案是只更改admin中的一个设置：

System -> Configuration -> General -> Content Management -> Use Static URLs for Media Content in WYSIWYG for Catalog至Yes

由于您的图片网址是由Magento WYSIWYG编辑器生成的，并且上面的设置设置为No，因此您在前端断开了链接。

CSS多重背景显示在Chrome中，但不显示在IE或Firefox中

2 个答案: