ASP.net 和 css 样式答案

【问题标题】：ASP.net and css stylesASP.net 和 css 样式
【发布时间】：2010-03-14 03:45:39
【问题描述】：

可以帮助我了解如何引用图像我将所有图像存储在一个图像文件夹中，该文件夹位于我的 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 代码中！！

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

【问题讨论】：

标签： asp.net css

【解决方案1】：

您应该将路径中的斜线从\ 转为/

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

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

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

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

【讨论】：

【解决方案2】：

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);

【讨论】：

css文件在我的根目录下，所有图片存放的images目录也在我的根目录下！！我的位置对吗？？
@c11ada - 你需要这个：url(Images/image.gif); 在这种情况下。
@c11ada - 你能把页面暴露在我能看到的地方吗？

【解决方案3】：

样式定义：

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

是说“上一个目录并进入图像文件夹”。试试：

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

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

【讨论】：