在 asp.net webforms 中设置 div 的背景或背景图像

Question

我在 Visual Studio 解决方案的 Web 项目中具有以下图像路径的以下代码

 Folder1\Images\banner.png'


<div id="placeholder">

</div>

为此设置背景的css是

 #placeholder { 
    position:relative;
    width: 40em;
    margin:auto;
    height:4em;
    margin-top: -1em;
    padding-top: 2em;
    background-image:url('../folder1/Images/banner.png');    
    /* background('('../folder1/Images/banner.png') */
    background-size: 40em;
    background-repeat:no-repeat;    
    clear: right;
    }

我也试过用 ~ 代替 ../ 符号，但它不起作用。

我应该使用 background-image 还是 background 属性来设置 div 的背景图像。无论我使用哪个属性，我都不会在背景中获得任何图像。 请帮忙。

Answer 1

您需要添加背景图像的width 和height 才能正常显示。

所以你想要类似的东西

#placeholder { 
    background-image:url('../folder1/Images/banner.png');    
    height: 100px;
    width: 100px;
}