我正在使用Foundation 5来设置基本页面.我想要一个按钮来改变某个div的背景图像.到目前为止这是有效的,但它只显示图像的某个区域.
这是我到目前为止的代码:
function cW() {
document.getElementById("panel").style.backgroundImage =
"url('https://dl.dropBoxusercontent.com/u/36821301/csgo%20backgrounds/crimson-web.jpg')";
document.getElementById("panel").backgroundImage.style.maxWidth = "100%";
}
Meta name="viewport" content="width=device-width,initial-scale=1">
<Meta charset="utf-8" />
我想实现的目标:
我希望在特定div中使用完整大小的图像.
谢谢
最佳答案
您需要为div的CSS添加背景大小.就像是
background-size: 100% 100%;
要么
background-size: cover;
要么
background-size: contain;
你必须尝试各种方式来查看你想要的那个.无论哪种方式,背景将整齐地适合div
希望这可以帮助