背景大小:封面"欺骗"一个更高的div

时间:2015-07-06 19:35:27

标签: html css

寻找尽可能多的浏览器支持的解决方案。

我想要两个完全相同尺寸的背景图像,以便能够与浏览器窗口一起增长(使用background-size: cover;),但其中一个div具有固定的高度。

以下是一个简化示例:http://jsfiddle.net/uxfp6xos/

- 编辑2015/07/07

我使用background-clip自己想出了一个可接受的解决方案。 Internet Explorer 8及以下版本不太喜欢它,但我可以解释它,它是一个相对较小的派系(支持是我原来的要求之一,所以我觉得我应该在这方面称呼自己)

此处更新了小提琴:http://jsfiddle.net/uxfp6xos/2/

1 个答案:

答案 0 :(得分:0)

我使用background-clip自己想出了一个可接受的解决方案。 Internet Explorer 8及以下版本不太喜欢它,但我可以解释它,它是一个相对较小的派系(支持是我原来的要求之一,所以我觉得我应该在这方面称呼自己。) / p>

此处更新了小提琴:http://jsfiddle.net/uxfp6xos/2/