jquery - 带有 jQ​​uery 的背景大小的 IE8

标签 jquery joomla internet-explorer-8 css cover

我正在一个网站上工作,该网站的背景是全浏览器大小。 我用 CSS 和 CSS background-size 属性做到了这一点。

但在 IE8 中这将不起作用。所以我搜索了一个解决方案,我想我找到了 1。 添加背景大小“cover”属性的 jQuery 插件。

无论如何,我不是这方面的专家……而且它不会起作用。 背景加载了一个 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/

最佳答案

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

到页面的标题,插件应该被调用并应用于页面的主体。试试看。

关于jquery - 带有 jQ​​uery 的背景大小的 IE8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14320181/

相关文章:

javascript - 获取 JSON 数据 : Syntax error

jquery - 在 Joomla 中使用 jQuery 显示子菜单

html - IE8 中的旋转图像打印

html - 如果在 <head> 中执行 document.write,为什么 DHTML 行为在 IE8 中不起作用?

html - CSS IE8 和 H2 的隐形顶部

javascript - Javascript 变量的窗口与应用程序范围

javascript - White Space with Isotope 插件扩展框时,怎么办?

javascript - 如何根据旁边的div类设置div高度?

php - Joomla 安装 : 'Database Type' not showing in drop down selection box

MySQL 使用子查询中的 WHERE 匹配多个结果