在Div中设置没有独立CSS的背景图像
在Div中设置没有独立CSS的背景图像
提问于 2017-05-30 04:57:41
要在div中创建背景图像，可以轻松地编写
<style type="text/css">
.bgimg {
background-image: url('../images/divbg.png');
}
</style>
...
<div class="bgimg">
div with background
</div>我想在没有单独的样式表的情况下这样做。可能看起来有点像
<div class="bgimg" background-image="url('../images/divbg.png')">
div with background
</div>然而，当我尝试这个，它不起作用。是否可以在没有独立CSS的div中设置背景图像？
回答 6
Stack Overflow用户
回答已采纳
发布于 2017-05-30 04:59:54
您应该使用样式元素：
<div class="bgimg" style="background-image: url('../images/divbg.png')"></div>Stack Overflow用户
发布于 2017-05-30 05:04:51
您需要在background-image标记中设置style。此外，您还必须设置width和height才能正常工作。
<div class="bgimg" style="background-image:url(https://dummyimage.com/200x200/000/fff&text=Background+Image); width: 200px; height: 200px;"></div>
Stack Overflow用户
发布于 2017-05-30 05:15:58
有两种方法，您可以使用这两种方法中的另一种：
<div class="bgimg" style="background-image:url('../images/divbg.png');">
</div>或者你可以用
<div class="bgimg" style="background:url('../images/divbg.png');">
</div>要查看背景，请不要忘记向您的div输入内容。
运行以下代码以确保其工作：
.bgimg{height:328px; width:328px;} <div class="bgimg" style="background-image:url('https://www.gravatar.com/avatar/89aa49add7f84c840f2d011857353431?s=328&d=identicon&r=PG&f=1);">
</div>
<br/ ><br/ ><br/ ><br/ >
<div class="bgimg" style="background:url('https://www.gravatar.com/avatar/89aa49add7f84c840f2d011857353431?s=328&d=identicon&r=PG&f=1');">
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44253743
复制相关文章
相似问题
腾讯云开发者
