2010-03-13 90 views
1

可以帮助我如何我可以参考图像我有我的所有图像存储在图像文件夹位于根文件夹(.. \图像)在我的CSS类我有以下ASP.net和CSS样式

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

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

,并在我的.cs文件我有

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

形象是一个div标签这是在我的aspx代码!

当我运行这段代码我形象犯规秀

,任何想法我可能是做错了

回答

1

你必须把这些斜线在你的路围绕从\/

而且,我通常把一个url关键字在CSS的括号之前,但我不知道这是否是必需的:

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

更新:如果您的C#代码中的image字段是某种类型的Web控件,例如说是Image控件,则应该在其CssClass属性上使用setts,而不是明确添加class属性。你现在在做什么可能会产生标记中的两个class属性,这可能无法很好地处理。您可以在页面上快速“查看源代码”来测试这是否是问题。

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

+0

仍然没有运气! – c11ada 2010-03-13 18:13:17

1

CSS文件中的URL引用必须是相对到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); 
+0

css文件位于我的根文件夹中,并且存储所有图像的images文件夹也位于我的根文件夹中!我的位置是否正确? – c11ada 2010-03-13 18:31:27

+0

@ c11ada - 你需要这个:'url(Images/image.gif);'在这种情况下。 – 2010-03-13 18:34:37

+0

图像仍然不显示! – c11ada 2010-03-13 18:52:39

1

样式定义:

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

是说“上一个目录并进入图像文件夹“。请尝试:

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

此处假设images目录位于您网站的根目录中。