在Chrome中添加带有图片的div
在Chrome中添加带有图片的div
提问于 2012-05-10 14:42:09
我有一个问题，在点击链接后，添加一个带有图像的div到一个页面。下面是我的脚本，它在document.ready()上添加事件。
var handler = function () {
$('#content').append("<div class=\"loading-graphic\" style=\"position:absolute;height:200px;width:200px;top:30%;left:40%;z-index:999;\"></div>");
//$("<div class=\"loading-graphic\" style=\"position:absolute;height:200px;width:200px;top:30%;left:40%;z-index:999;\"></div>").appendTo("div#content");
}
$(document).ready(function () {
for (var ls = document.links, numLinks = ls.length, i = 0; i < numLinks; i++) {
if (ls[i].parentElement.className != "t-window-actions t-header" && ls[i].parentElement.className != "t-widget t-numerictextbox") {
ls[i].onclick = handler;
}
}
})这里的问题是，它不能在Chrome中工作，而在Firefox和IE中工作得很好。经过一些挖掘，我发现它实际上添加了div，但没有显示图像。(通过在页面开头添加div进行了测试，所有内容都向下移动，div为空)
我已经测试了它，并将它直接添加到页面，然后它工作得很好，但不幸的是，它不是我想要的。
下面是我的css类：
.loading-graphic
{
background: url('~/Content/ico/loading_big.gif') no-repeat;
}不知道是什么导致了这个问题。谁有主意？;/
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-05-11 22:46:47
老实说，Chrome有时会搞砸。我对Chrome和背景图像有问题，但这只是我的电脑有问题。在不同的电脑Chrome浏览器上试用，可能会有所不同。
我建议的另一件事是，让你的div已经编码，而不是附加它。所以基本上把它放在html代码上，然后把它放在看不见的地方，然后当你需要它的时候，只需把它移到正确的位置。
Stack Overflow用户
发布于 2012-05-10 14:55:52
这是背景位置；也增加了z指数，附着在身体上，并防止其他隐形原因。
var handler = function () {
$('body').append("<div class=\"loading-graphic\" style=\"position:absolute;height:200px;width:200px;top:50%;left:50%;margin:-100px 0 0 -100px;z-index:99999;background-position:center center;display:block !important;\"></div>");
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10528714
复制相关文章
相似问题
腾讯云开发者
