javascript – 基础5：将我的img大小设置为100％的div

我正在使用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" />
  imson Webdamascus Steel

我想实现的目标：
我希望在特定div中使用完整大小的图像.

谢谢

最佳答案

您需要为div的CSS添加背景大小.就像是

background-size: 100% 100%;

要么

background-size: cover;

要么

background-size: contain;

你必须尝试各种方式来查看你想要的那个.无论哪种方式,背景将整齐地适合div

希望这可以帮助