¿Cómo se coloca un fondo degradado en los elementos del menú ASP.NET?

StackOverflow https://stackoverflow.com/questions/421570

Pregunta

El jefe quiere que el menú de la página maestra se vea mejor. Genere mi archivo de degradado con una de las herramientas disponibles en la red, no hay problema allí ...

Traté de hacer una clase CSS para cada elemento del menú, pero cuando uso la directiva de imagen de fondo y el generador de estilos, obtengo una línea como: 

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

... cuando lo que quiero es 

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

La primera url, por supuesto, solo funcionará cuando esté depurando en mi máquina local: implementa esto y estoy en espera. Muchos otros objetos ASP.NET funcionan con " ~ / " para indicar el directorio de nivel superior del sitio web, pero a mi archivo CSS no le gusta y no puedo establecer una imagen de fondo para el control del menú o los elementos del menú, parece una omisión deslumbrante cuando puedo hacerlo a tantos otros controles.

¿Qué me estoy perdiendo?

¿Fue útil?

Solución

Ya casi estás allí ... prueba esto: 

.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. */
}

Espero que ayude.

Otros consejos

La url en su CSS debe ser una url absoluta (o relativa) y no usar la asignación de tilde ya que no es un componente del lado del servidor. 

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

No es una omisión evidente. No es una omisión en absoluto. La tilde es una construcción ASP. En tu CSS no tendrá ningún significado.

Uno " reemplazar todos " Operación y listo.

Reemplace el archivo : /// C: / Documents and Settings / Username / My Documents / Visual Studio 2008 / WebSites / ThisSite con un espacio en blanco.

He intentado configurar la propiedad de imagen de fondo desde CSS en mi aplicación ASP.Net (es decir, dando la ruta relativa como se describe en la publicación). Sin embargo, no funcionó para mí. Más adelante, configurando la imagen de fondo como background-image: url ('http: // localhost: 1701 / Images / BannerTileBackground.gif'); funcionó ...

Por favor, hágame saber cuál es el enfoque correcto y la razón por la que no funcionó antes.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top