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

前端之家收集整理的这篇文章主要介绍了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" />
  

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

谢谢

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

background-size: 100% 100%;

要么

background-size: cover;

要么

background-size: contain;

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

希望这可以帮助

原文链接:https://www.f2er.com/css/427225.html

猜你在找的CSS相关文章