Articles of css

SASS: scegli in modo casuale l’immagine di sfondo da un elenco

Devo emettere questo: #footer-widgets .container .row { background-image: url(“RANDOMLY PICKED”); background-position: right bottom; background-repeat: no-repeat; } … e dovrebbe esserci una lista con 4 o 5 link alle immagini di sfondo reali ( http://sofit.miximages.com/css/image.png ) da cui scegliere. Come posso fare questo con SASS?

Come applicare regole CSS specifiche solo a Chrome?

C’è un modo per applicare il seguente CSS a un div specifico solo in Google Chrome? position:relative; top:-2px;

È ansible utilizzare jQuery per ottenere la larghezza di un elemento in percentuale o pixel, in base a ciò che lo sviluppatore ha specificato con CSS?

Sto scrivendo un plugin jQuery e qualcosa che devo essere in grado di fare è determinare la larghezza di un elemento che l’utente specifica. Il problema è che .width () o .css (‘width’) riporterà sempre pixel esatti, anche se lo sviluppatore lo ha assegnato ad es. Larghezza: 90% con CSS. C’è un modo per fare […]

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; […]

Aggiunta di un’immagine all’interno di un object cerchio in d3 javascript?

Il mio objective è aggiungere un’immagine a una cerchia esistente con d3. Il cerchio renderizza ed è interattivo con il metodo mouseover, ma solo quando uso “fill”, “color” e non qualcosa di più sofisticato come .append (“immagine”). g.append(“circle”) .attr(“class”, “logo”) .attr(“cx”, 700) .attr(“cy”, 300) .attr(“r”, 10) .attr(“fill”, “black”) // this code works OK .attr(“stroke”, “white”) […]

IE8 mostra che il blocco inline non funziona

Dì che ho il seguente codice span, ul, ul li { display: inline-block; vertical-align: top; margin: 0; padding: 0; list-style: none; } i would want this on one line. Voglio che questo sia visualizzato in linea in IE8. Ovunque ho letto tutto dice che dovrebbe funzionare, IE8 supporta il blocco in linea. Tuttavia dopo una […]

genitore e figlio con posizione corretta, overflow genitore: bug nascosto

Non so se c’è un problema, ma mi chiedevo perché l’ overflow:hidden non funzioni sull’elemento genitore / figlio fixed . Ecco un esempio: CSS e HTML: .parent{ position:fixed; overflow:hidden; width:300px; height:300px; background:#555; } .children{ position:fixed; top:200px; left:200px; width:150px; height:150px; background:#333; } Demo dal vivo: jsFiddle

Posso disabilitare un CSS: effetto hover tramite JavaScript?

Sto cercando di impedire al browser di utilizzare l’effetto :hover del CSS, tramite JavaScript. Ho impostato gli stili a e a:hover nel mio CSS, perché voglio un effetto hover, se JS non è disponibile. Ma se JS è disponibile, voglio sovrascrivere il mio effetto hover CSS con uno più fluido (usando il plugin per colors […]

Come posso annullare un margine?

Margini compressi nei CSS: http://www.w3.org/TR/CSS21/box.html#collapsing-margins Capisco lo scopo della funzione , ma sto cercando di fare il layout e non riesco a capire come spegnerlo. Il modo in cui solitamente viene spiegato nei tutorial CSS è: Aggiungi un bordo Aggiungi un padding Tutti questi effetti collaterali diventano ovvi quando si hanno a che fare con […]

Raggio del bordo in percentuale (%) e pixel (px) o em

Se utilizzo un valore di pixel o em per il raggio del bordo, il raggio del bordo è sempre un arco circolare o una forma di pillola anche se il valore è maggiore del lato più grande dell’elemento. Quando utilizzo le percentuali , il raggio del bordo è ellittico e inizia al centro di ciascun […]