如何在ASP.NET中将图片设置为背景?

问题描述:

我无法获取背景图片以显示在我的页面中。我正在尝试在使用CSS的母版页中执行此操作。如何在ASP.NET中将图片设置为背景?

我有一个包含以下内容的CSS:

body { 
    background-image: url(../images/background.jpg) no-repeat; 
    background-attachment: fixed; 
    margin-top: 0px; 
} 

我知道,因为它定义的所有其他样式在.aspx页工作正在读取CSS ...当然除了背景图像的,背景仍然是白色的。 (顺便说一句,这在.php页面中可以很好地工作)。

我一直在网上寻找疯狂的和所有我找到的答案,说上面的CSS代码就是答案......但它不工作!

我使用了以下内容:

微软的Visual Studio 2008版本9.0.30729.1 SP
Microsoft .NET Framework版本3.5 SP 1
版本的Firefox 3.6.6

如果有人知道如何让这个工作,请让我知道!

CSS背景图像技术是正确的。但是你有没有看过Http调试器中的东西(比如萤火虫或小提琴手中的网络监视器),并找出你的相对路径是不是在捣乱众说纷纭的小狗。或者,CSS路径和ASP.NET和MasterPages有时并不完全一致,你可能会遇到从错误URL请求图像的问题,因此它不会显示出来。

+0

因此,这里是我没有得到的东西......我打开了萤火虫,并没有错误,但当我看着萤火虫中的CSS它不显示[background-image:url(。 ./images/background.jpg)不重复;]行。它显示了其他一切。就好像这行代码不存在,但没有迹象表明为什么,没有错误,没有消息......任何想法? – Angie 2010-07-01 17:45:59

+1

浏览器是否使用较旧的缓存样式表?这是否在公共场所,我们可以看看渲染结果? – David 2010-07-01 17:49:46

+0

感谢Wyatt Barnett我能弄明白。我用萤火虫编辑CSS文件并发现问题。 1.我的路径错了,我将它从../images/background.jpg改为 - > ./images/background.jpg 2.属性标记错了,我将它从background-image改为了 - >背景 我不知道为什么我没有想到用萤火虫做到这一点开始(这是毕竟为什么我有它),所以谢谢怀亚特谚语一巴掌 - 我需要它! :o) – Angie 2010-07-01 18:02:22

感谢Wyatt Barnett,我弄明白了。我用萤火虫编辑CSS文件并发现问题。

  1. 我的路是错的,我改变了它从../images/background.jpg - > ./images/background.jpg

  2. 属性标记错了,我改变了它的背景 - 图像 - >背景

我不知道为什么我没有想到这样做与萤火下手(它毕竟是为什么我有),所以谢谢你为悦谚语巴掌上攻头 - 我需要它! :o)

+0

确保您将Wyatt的答案标记为已接受。 – 2010-07-01 18:46:17