可调整大小的背景

时间:2010-10-26 12:46:36

标签: css

好吧我需要制作一个完整的背景图像,以便它随窗口调整大小并保持相同的比例

我只需要使用css

是否有人知道我的样子,但找不到合适的解决方案。 我在这里也尝试了一些建议,但似乎对我不起作用

三江源

5 个答案:

答案 0 :(得分:1)

你要求的是不可能的。不是标准的CSS2.0和XHTML。

您可以制作图像图块,但不能缩放以适合您的页面。

您提供的链接就是这样,它以平铺方式重复图像。背景图像默认执行此操作。

答案 1 :(得分:1)

抱歉,CSS无法拉伸图片。只有<img>标记才能执行此操作。所以你必须把其中一个放在后台。

也许你可以用CSS3做到这一点,我不知道,但即便如此,浏览器支持还不是很好。

答案 2 :(得分:1)

Here是使用包含img标记作为背景的div(100%宽度+高度)的示例,可能值得一看。

答案 3 :(得分:1)

答案 4 :(得分:1)

您可能需要阅读Supersize that Background, Please!上的文章A List Apart。它呈现“旧”和现代技术。

为了在vanilla CSS中做到这一点,你不能满足于 CSS3 ,因为背景和边框媒体查询模块都是必需的。