Question

这就是我在视觉工作室尝试的内容：

    <div id="cont" style=" background-image:url(C:\Users\Administrator\Documents\Visual Studio 2010\WebSites\WebSite5\Tulips.jpg); width:300px; height: 300px">

但是div并没有显示任何图像。我也尝试将网址设置为仅＃34; Tulips.jpg＆＃34;。代码有什么问题？

Answer 1

如果您尝试将链接添加到在线图片中，则可以正常工作。因此，我认为可以安全地假设您的网站无法访问您计算机上图片的位置。授予该文件夹对IUSR的读取权限（即默认用户）或将图片放入项目的文件夹并使用相对路径。将图片从资源窗口拖到你的html文件中，visual studio将为你生成相对路径。

Answer 2

HTML

<div class="your-css-class-name">
    blah blah blah
</div>

CSS

.your-css-class-name{
   background:url('path/to/background_image.jpg');
}

如何用css设置div的背景图像？

2 个答案: