2012-11-29 85 views
0

我正在研究一个真正的基础设计作为我公司的一个侧面项目,但是我无法获得背景大小来做任何有意义的事情(或者找到任何可以保留其当前功能的替代方案)。我一直在研究这个特定的问题大约一个小时,现在一半,任何帮助将不胜感激。背景大小的IE8问题

我的工作,该网站可以在http://code.msap.com/gflyer/flyer1.html

其重要发现需要注意的是,我不能前或div容器后,任何修改。我也无法使用JavaScript,并且所有CSS都必须在线完成。

有人能够在这里指引我在正确的方向?

+0

什么后,究竟是你的背景大小? – Danield

+0

我想我应该注意到 - 当你在IE中打开页面时,蓝色背景根本无法正确缩放 - 我需要实际的徽标来自动调整页面大小和背景背景的大小 - 保持div高于高度,但是在高度和宽度上缩放自身 – NRGdallas

+0

IE8不支持CSS'background-size'。 – Spudley

回答

1

IE8不支持CSS background-size

你唯一的解决方案是:

  1. 忽略它; IE8用户只需要升级。

  2. 使用Javascript polyfill模拟IE8及更早版本中的background-size属性。

  3. 重写您的HTML,以便背景图像位于其自己的<img>标记中,该标记的大小适当并分层放置在元素后面,使其看起来像背景图像。

  4. 使用Chrome-Frame插件,这使得IE使用Chrome渲染引擎。 (你的用户将不得不虽然安装插件本身)

+1

1-不能忽略IE用户 2-不能使用Javascript,如上所述 3-每次重写HTML并保持伸展功能的尝试都不起作用,或者徽标不再沿着背景底部拉伸,或者oen或者另一个不能正确伸展,或者它不起作用IE 4:无法控制用户浏览器 – NRGdallas

1

我创建了一个background-size polyfill为IE8是非常简单的使用方法:

.selector { 
    background-size: cover; 
    -ms-behavior: url(/backgroundsize.min.htc); 
}