Question

有些可以帮助我如何引用图像我将所有图像存储在一个图像文件夹中，该文件夹位于我的css类的根文件夹（.. \ images）中我有以下内容

#image
{  background-position: left;
  background-repeat: no-repeat;} 

.background
{
  background-image: url(..\images\image.gif);
}

在我的.cs文件中我有

image.Attributes.Add("class", "background");

image是一个div标签，在我的aspx代码中!!

当我运行此代码时，我的图像没有显示，任何想法我可能做错了

Answer 1

您应该将路径中的这些斜杠从\转换为/

另外，我通常在CSS的括号前加上一个url关键字，但我不确定这是否是必需的：

background-image: url(../images/image.gif);

更新：如果C＃代码中的image字段是某种web控件，比如Image控件，则应使用CssClass上的设置}而不是显式添加class属性。您现在正在做的可能会在标记中产生两个 class属性，这可能无法很好地处理。您可以在页面上快速“查看源代码”来测试这是否是问题。

如果这没有帮助，请参阅Nick Cravers的回答。从CSS到图像的路径错误，或图像文件不在您认为的位置。

Answer 2

CSS文件中的网址引用必须与CSS文件相对。

确保与CSS文件相比，图像位于..\images，如果没有，请将其调整为与CSS相关。

此外，您的背景声明应如下：

background-image: url(..\images\image.gif);

示例：

CSS = \CSS\styles.css
IMG = \Images\image.gif
Style = url(../Images/image.gif);

CSS = \styles.css
IMG = \Images\image.gif
Style = url(Images/image.gif);

Answer 3

样式定义：

background-image: url(../images/image.gif);

说“上一个目录并进入images文件夹”。尝试：

background-image: url(/images/image.gif);

这假定images目录位于您网站的根目录中。

ASP.net和CSS样式

3 个答案: