我正在做一个真正的基本设计作为我公司的一个副项目,但是我无法让背景大小做任何有意义的事情(或找到任何保留它当前功能的替代方案)。我一直在研究这个特定问题大约一个半小时,任何帮助将不胜感激。
我正在开发的网站可以在http://code.msap.com/gflyer/flyer1.html找到
重要的是要注意我不能在容器 div 之前或之后修改任何内容。我也不能使用 javascript,所有的 CSS 都必须在线完成。
有人能在这里引导我朝着正确的方向前进吗?
我正在做一个真正的基本设计作为我公司的一个副项目,但是我无法让背景大小做任何有意义的事情(或找到任何保留它当前功能的替代方案)。我一直在研究这个特定问题大约一个半小时,任何帮助将不胜感激。
我正在开发的网站可以在http://code.msap.com/gflyer/flyer1.html找到
重要的是要注意我不能在容器 div 之前或之后修改任何内容。我也不能使用 javascript,所有的 CSS 都必须在线完成。
有人能在这里引导我朝着正确的方向前进吗?
IE8 不支持 CSS background-size
。
您唯一的解决方案是:
忽略它; IE8 用户只需要升级。
使用 Javascript polyfill 模拟background-size
IE8 及更早版本中的属性。
重写您的 HTML 以使背景图像位于其自己的<img>
标记中,该标记的大小适当并在元素后面分层,使其看起来像背景图像。
使用 Chrome-Frame 插件,它使 IE 使用 Chrome 渲染引擎。(您的用户必须自己安装插件)
我为 IE8 创建了一个背景大小的 polyfill,使用起来非常简单:
.selector {
background-size: cover;
-ms-behavior: url(/backgroundsize.min.htc);
}