Come si inserisce uno sfondo sfumato nelle voci di menu ASP.NET?

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

Domanda

Il capo vuole che il menu della pagina principale sia più bello. Ho generato il mio file gradiente con uno degli strumenti disponibili in rete, nessun problema lì.

Ho provato a creare una classe CSS per ogni voce di menu ma quando uso la direttiva immagine di sfondo e il generatore di stili, ottengo una riga come: 

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

... quando quello che voglio è 

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

Il primo url, ovviamente, funzionerà solo quando eseguo il debug sul mio computer locale: distribuisci questo e sono esaltato. Così tanti altri oggetti ASP.NET funzionano con " ~ / " per indicare la directory di livello superiore del sito Web ma il mio file css non mi piace e non riesco a impostare un'immagine di sfondo per il controllo del menu o le voci di menu - sembra un'omissione GLARING quando posso farlo a così tanti altri controlli.

Cosa mi sto perdendo?

È stato utile?

Soluzione

Ci sei quasi ... prova questo: 

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

Spero che sia d'aiuto.

Altri suggerimenti

L'URL nel tuo CSS deve essere un url assoluto (o relativo) e non usare la mappatura tilde in quanto non è un componente lato server. 

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

Non è un'omissione lampante. Nessuna omissione. La tilde è un costrutto ASP. Nel tuo CSS non avrà alcun significato.

Uno " sostituisci tutto " operazione e sei pronto.

Sostituisci file: /// C: / Documents and Settings / Nome utente / Documenti / Visual Studio 2008 / WebSites / ThisSite con spazio in bianco.

Ho provato a impostare la proprietà dell'immagine di sfondo dal CSS nella mia applicazione ASP.Net (ovvero dando il percorso relativo come descritto nel post). Tuttavia, non ha funzionato per me. Successivamente, impostando l'immagine di sfondo come immagine di sfondo: url ('http: // localhost: 1701 / Images / BannerTileBackground.gif'); ha funzionato ..

Per favore fatemi sapere qual è l'approccio corretto e il motivo per cui non ha funzionato prima.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top