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

希望这可以帮助

原文地址：https://www.jb51.cc/css/427225.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。