html - 如何用CSS设置div的背景图片？

Question

这是我在 visual studio 中尝试的:

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

但是 div 没有显示任何图像。我还尝试将 url 设置为仅“Tulips.jpg”。代码有什么问题？

Answer 1

如果您尝试将在线图片的链接放在那里，它会正常工作。因此我认为可以安全地假设您的网站无法访问您计算机上图片的位置。要么授予该文件夹对 IUSR(iis 默认用户)的读取访问权限，要么将图片放入元素文件夹并使用相对路径。将资源窗口中的图片拖到您的 html 文件中，visual studio 将为您生成相对路径。