（初学者）动态映射可调整大小的背景图像 css

Question

我正拼命尝试映射 "resizeable" 背景图像。这是我正在尝试映射的主页，以便访问者能够在 "events" 和 "elektriciteit" 这两个选项之间进行选择。当您调整浏览器 window 大小时，背景将会改变，我需要映射随背景调整大小。谢谢！

Homepage

css:

html {background: url('background.jpg')no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;

html:

<link href="Main.css" rel="stylesheet" type="text/css">

Answer 1

我假设您希望在将浏览器调整为任意尺寸时更改背景图像的大小。如果是这样，你可以将背景的宽高设置为100%。

background-size: 100%, 100%;

（初学者）动态映射可调整大小的背景图像 css

(beginner) dynamically map a resizeable background image css

html

css

mapping

background