我正在使用 css3 来获得漂亮的全屏背景图像。
body{
background: url(<?php echo $background_image; ?>) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
当然,IE8 及更早版本不玩球并且看起来很糟糕。有没有简单的方法让它在 IE8 上运行?
我查看了jQuery AnyStretch ,这被称为使用:
<script type="text/javascript">
$.anystretch(<?php echo $background_image; ?>, {speed: 150});
</script>
但即使它有效,我也无法做到,所以它只能在 IE8 浏览器中加载。使用anystretch,浏览器会加载图像两次(一次在css中,一次用于anystretch创建的html)。
有人有任何关于简单方法来做到这一点的想法吗?
最佳答案
您查看过此网站吗CSS Tricks Perfect Full Page Background Image 。它涵盖了用作不支持 CSS3 属性(例如 background-size
)的浏览器后备的不同技术。它有纯 CSS 方法和 jQuery 辅助方法。
仅 CSS 技术 #2 涵盖 IE8+ 后备
关于php - 使用 CSS3 背景大小的封面。由于这使用了图像的 css url,是否可以在 IE8 及更早版本上全屏显示它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15231524/