javascript - Firefox 不显示 Colorbox 照片

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 中的协议(protocol)之后放置了一个空格，例如

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

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

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