Articles of background image

Sovrapponi i dati sull’immagine di sfondo

Recentemente ho capito quanto fosse facile usare un’immagine di sfondo e mappare i dati su di essa usando Tableau Public. Ecco il processo dal loro sito web . Come puoi vedere, è abbastanza semplice, e devi semplicemente dire al software quale immagine vuoi usare e come definire le coordinate. Il processo è semplice in R? […]

Distriggers l’antializzazione quando ridimensiona le immagini

Possibile duplicato: Come allungare le immagini senza antialiasing È in alcun modo ansible disabilitare l’antialias quando si ridimensiona un’immagine? In questo momento, ottengo qualcosa che assomiglia a questo: Utilizzando il seguente codice CSS: #bib { width:104px;height:104px;background-image:url(/media/buttonart_back.png);background-size:1132px 1360px; background-repeat:no-repeat;} Quello che vorrei, è qualcosa del genere: In breve, qualsiasi flag CSS per disabilitare l’ anti-aliasing durante […]

Utilizzo dell’attributo dati HTML per impostare l’URL di background-image CSS

Ho in programma di build una galleria fotografica personalizzata per un amico e so esattamente come sto andando a produrre l’HTML, tuttavia sto correndo un piccolo problema con il CSS. (Preferirei che lo stile della pagina non si basasse su jQuery se ansible) La mia domanda riguarda: Data-Attribute in HTML Background-image nei CSS Sto usando […]

Dissolvenza in un’immagine di sfondo

Ho una pagina web che usa un’immagine grande per il suo background. Speravo di usare jQuery per caricare l’immagine una volta scaricata (in pratica il modo in cui bing.com carica la sua immagine di sfondo). È ansible con jQuery? Se è così, c’è un plugin che consiglieresti?

CSS background-size: cover + background-attachment: immagini di sfondo del clipping fisse

Ho una lista di figure contenenti immagini di sfondo. Qualcosa come il seguente: Ognuna di queste immagini ha la sua background-size impostata per cover e l’ background-attachment impostato su fixed . figure { width: 100%; height: 100%; background-size: cover; background-attachment: fixed; } Quando ognuna delle figure occupa l’intera finestra, funziona perfettamente, ma se c’è un […]

Estensioni di Google Chrome: imansible caricare immagini locali con CSS

Ho una semplice estensione di Chrome che utilizza la funzionalità di script di contenuto per modificare un sito web. Più in particolare, l’ background-image di background-image di detto sito web. Per qualche motivo non riesco a essere in grado di utilizzare le immagini locali, anche se sono imballate nell’estensione. body { background: #000 url(‘image.jpg’) !important; […]

Come posso forzare i browser a stampare immagini di sfondo in CSS?

Questa domanda è stata posta prima ma la soluzione non è applicabile nel mio caso. Voglio assicurarmi che alcune immagini di sfondo vengano stampate perché sono parte integrante della pagina. (Non sono immagini direttamente nella pagina perché ce ne sono molte usate come sprite CSS.) Un’altra soluzione sulla stessa domanda suggerisce l’utilizzo list-style-image , che […]

Modifica dell’immagine di sfondo con animazioni CSS3

Perché questo non funziona? Che cosa sto facendo di sbagliato? CSS @-webkit-keyframes test { 0% { background-image: url(‘frame-01.png’); } 20% { background-image: url(‘frame-02.png’); } 40% { background-image: url(‘frame-03.png’); } 60% { background-image: url(‘frame-04.png’); } 80% { background-image: url(‘frame-05.png’); } 100% { background-image: url(‘frame-06.png’); } } div { float: left; width: 200px; height: 200px; -webkit-animation-name: test; […]

Incorporare i dati dell’immagine di sfondo in CSS come base64 pratica buona o ctriggers?

Stavo guardando la fonte di un userscript greasemonkey e ho notato quanto segue nel 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 della fonte invece di ospitarlo su un server, è abbastanza ovvio. Ma poiché non avevo mai visto questa tecnica […]

Come fare riferimento alla risorsa immagine JSF come URL immagine di sfondo CSS

Io spesso, cambio le immagini dei miei pulsanti usando l’attributo dell’immagine, ma qualcuno mi ha detto che è una buona pratica farlo usando .css Ho provato ma non posso, cosa sto facendo di sbagliato? Questo è quello che ho fatto: 1-Le risorse del mio progetto sono archiviate in questo modo: 2-Ecco come ho creato lo […]