你怎么把一个梯度背景ASP.NET 菜单项目？

Question

老板想的主页的菜单来看起来更好。我产生我的梯度文件的一个工具，可在网上，没问题的..

我试图让CSS类为每个单个项目，但当我用的背景图像令和风格的建设者，我得到一个线，如：

background-image: url('file:///C:/Documents and Settings/Username/My Documents/Visual Studio 2008/WebSites/ThisSite/Images/Gradient.png')

...当我什么 想 是

background-image: url('~/Images/Gradient.png')

第一个网址，当然，只有工作的时候，我要调试我的当地机部署这和我用水管冲洗.因此，许多其他的ASP.NET 对象工作与"~/"来表示的顶级目录的网站，但我css文件不喜欢它和我不能设置一个的背景图像的菜单控制或菜单项的-似乎是一个明显的遗漏，当我可以做到这一点，很多其他的控制。

我是什么丢失？

Answer 1

你几乎没有...试试这个：

.menuStyle
{
  background-image: url('/images/BG.gif'); /* Putting a slash in front means its relative to the root.  No slash would be relative to the current directory. */
  background-repeat: repeat-x; /* assuming you have a vertical gradient. */
}

希望这有所帮助。

Answer 2

Url在CSS需要的绝对(或相对)的网址和使用不符映射，因为它不是一个服务器的端组成部分。

    background-image: url(  "/images/menu.jpg" );

Answer 3

这不是一个明显的疏漏。没有一个遗漏。波浪线是ASP结构。在CSS它不会有任何意义。

Answer 4

一个"替换全部"的操作和你设置。

替换 文件:///C:/文件和设置/Username/文件/Visual Studio2008/网站/ThisSite 有空白。

Answer 5

我曾试图设置的背景图像酒店从CSS我ASP.Net 应用程序(即给予的相对路径中所述的员额)。但是，它并没有为我工作。后来，设置的背景图像作为 background-image:url('http://localhost:1701/Images/BannerTileBackground.gif'); 它没有工作。

请让我知道什么是正确的做法，以及为什么它不工作之前。