Question

我正在使用此css在文本框的右角插入图像，使其显示为下拉列表。

.txtbox
{
background-image: url('/Images/Dropdown.png');
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
cursor: hand;
}

在我的本地计算机中，此类路径引用显示图像。但是当我将它部署到服务器时，图像不会显示出来。有什么我可以做的不同使图像出现在我的开发服务器中。

我的目录 C：\ inetpub \ wwwroot \ WebApp

bin
docs
Images
Scripts
Styles
Default.aspx
Login.aspx
Home.aspx

**Styles:**
style.css
site.css

Style.css has this .txtbox

**Images**
Dropdown.png
Logo.png

Answer 1

在HTML / CSS中使用相对路径是一种很好的做法。当您使用/开始路径时，它将变为相对于服务器的根目录。更改相对于CSS文件位置的图像路径。它应该工作。

Answer 2

主要问题：如果您在Windows机器上进行开发，那么您的本地机器不区分大小写，但Linux服务器可能是。确保Dropdown.png在HTML和文件名中大写相同。

次要可能性：可能的参考错误。尝试将href URL更改为 // Images ...并查看是否有任何区别。还要检查浏览器中的元素并检查引用当前指向的位置。或者，使用完整路径，例如

http://www/mysite.com/Images/Dropdown.png

虽然它在服务器上。

部署时，映像不会出现在dev服务器中

2 个答案: