Question

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

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

无论如何，我不是这方面的专业人士......它不会起作用。后台加载了一个php脚本（joomla插件），如果有一个与文章别名同名的图像加载背景图像，程序员可以加载后台图像。

可以做一些IE css修复，但如果这个jQuery可以工作。我好奇。我做错了什么。

插件来源：http://louisremi.github.com/jquery.backgroundSize.js/demo/
插件的Github：github.com/louisremi/jquery.backgroundSize.js

我正在开展的网站：http://u-spa.netserver11.net/

Answer 1

如果您下载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"});
});

到页面的标题，应调用插件并将其应用于页面正文。试试吧。

Answer 2

而不是body标签，我将我的bg加载到html标签上，并将jQuery add css更改为html。现在它适用于每个浏览器！

背景大小IE8与jQuery

2 个答案: