gpt4 book ai didi

css - 我如何使用 css 使导航栏背景图像缩放到导航栏边框

转载 作者:行者123 更新时间:2023-11-28 10:13:33 28 4
gpt4 key购买 nike

我用于背景图像的 css 如下所示。我的问题是,当调整浏览器大小时,图像不会调整大小以完全填充导航栏。见下图

#navmenu{
width:auto;
height:240px !important;

background-image: url("../Images/IMG-20160222-WA0001.jpg");
background-repeat:no-repeat !important;
background-size:cover !important; /*strech to fit navbar border*/
}

我尝试使用 width 属性,但没有成功。谢谢。

Cropped image view screen size decreased Full image view when screen maximised

编辑:

使用选项 [background-size:contain !important;] 图像不适合导航栏边框。请看最后一张图片。 enter image description here

最佳答案

试试 background-size:contain

#navmenu {
width: auto;
height: 240px !important;
background-image: url("https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png");
background-repeat: no-repeat !important;
background-size: contain !important;
/*strech to fit navbar border*/
}
<div id="navmenu">
</div>

关于css - 我如何使用 css 使导航栏背景图像缩放到导航栏边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36305965/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com