好吧我需要制作一个完整的背景图像,以便它随窗口调整大小并保持相同的比例
我只需要使用css
是否有人知道我的样子,但找不到合适的解决方案。 我在这里也尝试了一些建议,但似乎对我不起作用
三江源
答案 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 ,因为背景和边框和媒体查询模块都是必需的。