Articles of css

Puoi usare if / else in CSS?

Vorrei usare le condizioni nel mio CSS. L’idea è che ho una variabile che sostituisco quando il sito viene eseguito per generare il foglio di stile giusto. Lo voglio in modo che, in base a questa variabile, il foglio di stile cambi! Sembra: [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : […]

IE7 e la proprietà della tabella delle celle CSS

Quindi mi piace quando la mia applicazione funziona alla perfezione in Firefox, ma poi la apro in IE e … No, per favore riprova. Il problema che sto avendo è che sto impostando una proprietà di visualizzazione CSS su none o table-cell con JavaScript. Inizialmente stavo usando display: block , ma Firefox lo rendeva strano […]

Com’è ansible che un “display” CSS: tabella-colonna “funzioni?

Dato il seguente codice HTML e CSS, non vedo assolutamente nulla nel mio browser (Chrome e IE più recenti al momento della scrittura). Tutto crolla a 0x0 px. Perché? section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; […]

Come riparare un’intestazione su scroll

Sto creando un’intestazione che una volta scorreva fino a una certa quantità di pixel che corregge e rimane al suo posto. Posso farlo usando solo css e html o ho anche bisogno di jQuery? Ho creato una demo in modo da poter capire. Qualsiasi aiuto sarebbe grande! http://jsfiddle.net/gxRC9/4/ body{ margin:0px; padding:0px; } .clear{ clear:both; } […]

filtro: sfocatura (1px); non funziona in Firefox, IE e Opera

Ho un problema con i CSS: quando provo a farlo -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); sembra perfetto in safari e chrome, ma la sfocatura non si vede affatto in Firefox, Opera o IE. I browser lo supportano? O c’è un altro metodo per far sfocare l’intera pagina?

CSS3 Flexbox: display: box vs flexbox vs flex

Sono diventato ieri un sito web nella scuola che utilizza la dichiarazione flexbox css3. Non l’ho mai usato prima. Quindi lo google un po ‘. E ha trovato molti stili diversi delle dichiarazioni di flexbox. Alcuni ragazzi scrivono display: box; , alcuni usano display: flexbox; e altro display: flex; . Quindi quali sono le differenze? […]

Rendi il bambino visibile all’esterno di un overflow: genitore nascosto

In CSS, l’ overflow:hidden è impostato sui contenitori parent per consentirne l’espansione con l’altezza dei figli fluttuanti. Ma ha anche un’altra caratteristica interessante quando combinato con margin: auto … Se il fratello PRECEDENTE è un elemento fluttuante, apparirà effettivamente giustapposto ad esso. Questo è se il fratello è float:left il contenitore con float:none overflow:hidden apparirà […]

Elemento figlio di stile quando si posiziona il mouse sul genitore

Come cambiare lo stile dell’elemento figlio quando c’è il passaggio del mouse sull’elemento padre. Preferirei una soluzione CSS per questo se ansible. C’è una soluzione ansible attraverso: hover CSS selettori. In realtà ho bisogno di cambiare il colore della barra delle opzioni all’interno di un pannello quando c’è un passaggio del mouse sul pannello. Cercando […]

perché l’altezza della linea dello span è inutile

Per prima cosa, vediamo un pezzo di codice: http://jsfiddle.net/rFGkV/ Perché l’altezza della linea span non è utilizzata? L’altezza della linea è ancora 200px, ma quando impostiamo la proprietà di visualizzazione di span inline-block linea, viene utilizzata l’altezza della linea dello span? Vedi sotto: http://jsfiddle.net/B7z85/

Aggiungi dynamicmente una class al contenitore ‘popover’ di Bootstrap

Ho accuratamente cercato sia StackOverflow che Google, ma sono venuto vuoto. Quindi scuse in anticipo se questo è stato chiesto e risolto già. NB: Sono un principiante di jQuery, quindi non sono sicuro di come scriverlo da solo. Sono sicuro che si tratta di un semplice frammento di codice, ma non riesco a capirlo. Quello […]