Firefox 不显示彩盒照片

Question

我有一个颜色框，它应该在页面加载时显示单个图像。下面的代码在 Chrome 中运行良好。当我在 Firefox 中测试它时，会弹出 Colorbox，但没有显示任何内容（白色）。我错过了什么？我将非常感谢任何帮助。

Javascript：

<script>
      window.onload=function openColorBox()
      {
          if(window.location.href=='http://somewebsite.com/')
          {
               $.colorbox({width:"70%", height:"70%", 
               html:"<div class='popupimage' id='popupid'> </div> "});
          };
      }
</script>  

CSS：

#popupid {
   width: 100%;
   height: 100%;
   content:url(http://somewebsite.com/img/upload/popupphoto.jpg);
}

popupphoto.jpeg 在服务器上。

Answer 1

经过一些测试，Firefox似乎有一个错误

content:url(http://somewebsite.com/img/ing.jpg);

由于某些奇怪的原因，firefox 在 url 中的协议后面放了一个空格，例如

content:url('http: //somewebsite.com/img/ing.jpg');

这会阻止浏览器找到图像。 在这里测试：http://jsfiddle.net/NKa25/

您可以输入要加载的图像副本的本地 url。