Domande taggate «background-image»

La proprietà CSS dell'immagine di sfondo imposta una o più immagini di sfondo per un elemento.

30
Quando utilizzare l'immagine di sfondo IMG vs. CSS?
Le risposte a questa domanda sono uno sforzo della comunità . Modifica le risposte esistenti per migliorare questo post. Al momento non accetta nuove risposte o interazioni. In quali situazioni è più appropriato utilizzare un IMGtag HTML per visualizzare un'immagine, al contrario di un CSS background-image, e viceversa? I fattori …
12
Incorporare i dati delle immagini di sfondo nei CSS come Base64 è una buona o cattiva pratica?
Stavo guardando la fonte di un utente di greasemonkey e ho notato quanto segue nei loro css: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Posso apprezzare che uno script greasemonkey vorrebbe raggruppare tutto ciò che può all'interno del sorgente anziché ospitarlo su un server, è abbastanza ovvio. Ma dal momento …
17
Come applicare un filtro CSS a un'immagine di sfondo
Ho un file JPEG che sto usando come immagine di sfondo per una pagina di ricerca e sto usando CSS per impostarlo perché sto lavorando in contesti Backbone.js : background-image: url("whatever.jpg"); Voglio applicare un filtro di sfocatura CSS 3 solo allo sfondo, ma non sono sicuro di come modellare solo …
19
CSS Visualizza un'immagine ridimensionata e ritagliata
Voglio mostrare un'immagine da un URL con una certa larghezza e altezza anche se ha un rapporto di dimensioni diverse. Quindi voglio ridimensionare (mantenendo il rapporto) e quindi tagliare l'immagine alla dimensione desiderata. Posso ridimensionare con la imgproprietà HTML e posso tagliare con background-image. Come posso fare entrambe le cose? …
4
Adatta l'immagine di sfondo al div
Ho un'immagine di sfondo nel seguente div, ma l'immagine viene tagliata: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> C'è un modo per mostrare l'immagine di sfondo senza tagliarla?
8
Posso avere più immagini di sfondo usando CSS?
È possibile avere due immagini di sfondo? Ad esempio, mi piacerebbe avere un'immagine ripetuta in alto (ripeti-x) e un'altra ripetizione in tutta la pagina (ripeti), dove quella in tutta la pagina è dietro quella che si ripete in alto. Ho scoperto che posso ottenere l'effetto desiderato per due immagini di …
19
Immagini di sfondo CSS reattive
Ho un sito Web (g-floors.eu) e voglio rendere lo sfondo (in CSS ho definito un'immagine bg per il contenuto) anche reattivo. Sfortunatamente non ho davvero idea di come farlo, tranne per una cosa che mi viene in mente ma è piuttosto una soluzione alternativa. Creare più immagini e quindi utilizzare …
5
Come ruotare l'immagine di sfondo nel contenitore?
Voglio ruotare l'immagine che si trova nel pulsante della barra di scorrimento in Chrome. Ora ho un CSS con questo contenuto: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Vorrei ruotare l'immagine senza ruotarne il contenuto.
6
Come rimuovere completamente i bordi dalla tabella HTML
Il mio obiettivo è creare una pagina HTML simile a una "cornice per foto". In altre parole, voglio creare una pagina vuota circondata da 4 immagini. Questo è il mio codice: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> …
13
Transizione dell'immagine di sfondo CSS3
Sto cercando di creare un effetto di "dissolvenza in apertura" utilizzando la transizione CSS. Ma non riesco a farlo funzionare con l'immagine di sfondo ... Il CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: …
10
Come allungare l'immagine di sfondo per riempire un div
Voglio impostare un'immagine di sfondo per diversi div, ma i miei problemi sono: La dimensione dell'immagine è fissa (60px). Variazione delle dimensioni del div Come posso allungare l'immagine di sfondo per riempire l'intero sfondo del div? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Controlla il codice qui.
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.