与jQuery的背景大小IE8

我正在一个网站上有一个完整的浏览器大小的背景。我用CSS和CSS background-size属性做了这个。与jQuery的背景大小IE8

但在IE8中这是行不通的。所以我搜索了一个解决方案，我以为我找到了1. 一个jQuery插件，它添加了背景大小的'cover'属性。

无论如何，我不是一个职业在这...它不会工作。背景加载了一个程序员用来加载背景图片的php脚本（joomla插件），如果有一个图片与图片加载为背景图片的文章别名相同的话。

可以做一些IE浏览器的CSS修复，但如果这个jQuery可以工作。我不知道如何。而我做错了。

源的插件：http://louisremi.github.com/jquery.backgroundSize.js/demo/
Github上的插件：如果您下载jquery.backgroundSize.js并把http://u-spa.netserver11.net/

来源

2013-01-14 user1774403

：github.com/louisremi/jquery.backgroundSize.js

网站我的工作它在你的服务器上。链接到你的joomla页面<script src="jquery.backgroundSize.js" type="text/javascript"></script>和jQuery <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>（这是插件页面上使用的页面）的头部。

然后，你应该只需要添加：

$(function() { 
    $(document.body).css({backgroundSize: "cover"}); 
});

到你的页面的页眉和插件应该叫并应用到页面的主体。试试看。

来源

2013-01-14 15:31:26 chrisbradbury

谢谢，但这会导致冲突，这次我不知道如何解决这个问题。你能检查发生了什么问题吗？ – user1774403

你需要使用'$（'body'）.css（“background-image”，“url（'http://u-spa.netserver11.net//images/backgrounds/siematic-s3.jpg'）” ）;'而不是'$（document.body）.setStyle（'background-image'，'url（“http://u-spa.netserver11.net//images/backgrounds/siematic-s3.jpg”）' ）;}）;'在页面的顶部。那么它可能会工作... – chrisbradbury

但我的背景是加载了一个插件。如果图像与文章别名相同，则会加载该图像。 '$文档 - > addScriptDeclaration（“window.addEvent（ 'domready中'，函数（）{ \t \t $（document.body的）.setStyle（ '背景图像'，“URL（\ ”“。$ SITE_URL。 $文件路径 “\”）'）;}）; “）;' 但jQuery的重写本，只有把'<车身风格=” 背景大小：覆盖;“>' 所以jQuery的应加这对我的身体风格的其余部分，但它不.... – user1774403

代替body标签，我在html标签上加载了我的bg，并且还将jQuery add css更改为html。现在它适用于每个浏览器！

来源

2013-01-14 17:51:21 user1774403

与jQuery的背景大小IE8

回答

相关问题