Articles of css

La flexbox CSS non funziona in IE10

In IE10, questo codice non funziona correttamente: .flexbox form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .flexbox form input[type=submit] { width: 31px; } .flexbox form input[type=text] { width: auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex: […]

Come aggiungere un bordo nel percorso della clip: poligono (); Stile CSS

Voglio sapere se è ansible aggiungere un border nel mio clip-path:polygon(); stile o un altro modo per aggiungere un bordo? come: border:5px solid red; CSS .poligon { display: inline-block; position:relative; width:150px; height:150px; background: black; box-sizing:border-box; padding:55px; } .poligon img { display: inline-block; border:5px solid red; width:150px; height:150px; -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% […]

Come allungare le immagini senza antialiasing

Così mi sono imbattuto recentemente in questo: http://www.nicalis.com/index.php Ed ero curioso: c’è un modo per fare questo genere di cose con immagini più piccole? Voglio dire, si tratta di pixel art e invece di usare un’immagine con ogni pixel quadruplicato non potremmo allungarli con il codice? Così ho iniziato a provare a farlo accadere. Ho […]

Come incorporare i caratteri nei CSS?

Voglio usare alcuni tipi di carattere e voglio che funzioni senza avere questo carattere sul computer client. L’ho fatto ma non funziona: @font-face { font-family: EntezareZohoor2; src: url(Entezar2.ttf) format(“truetype”); } .EntezarFont{ font-family: EntezareZohoor2, B Nazanin, Tahoma !important; }

div colore di sfondo, per cambiare onhover

Sto provando a fare cambiare il colore di sfondo di un div al passaggio del mouse . il div {background: white;} il div a: hover {background: gray; width: 100%; blocco di visualizzazione; text-decoration: none;} solo il collegamento all’interno del div ottiene il colore di sfondo . cosa potrei fare per fare in modo che l’ […]

In che modo? #Iefix risolve il caricamento di caratteri Web in IE6-IE8?

Un sacco di articoli nel web come questo: http://www.fontspring.com/blog/fixing-ie9-font-face-problems suggeriscono di aggiungere un ?#iefix di eot. Ero curioso di sapere come risolvere il problema. Grazie.

@import vs link

Per prima cosa so che il titolo dice che questa è una domanda doppia, come richiesto qui , qui e qui . Tutto ciò che ho letto su questo argomento ha più di due anni. Molto è cambiato in quel periodo di tempo, quindi sono ancora consigliabili gli stessi pensieri? Ecco un esempio, uso @import […]

Supporto del browser per i numeri di pagina CSS

Quindi sono a conoscenza di questa opzione: numeri di pagina con CSS / HTML . Sembra di gran lunga il modo migliore per aggiungere numeri di pagina a una versione stampata di una pagina, ma non posso ottenere alcuna variazione di questo per funzionare ovunque. Ho provato sul mio computer Windows 7 in Chrome, Firefox […]

Problema di Webkit CSS Animation – persistente stato finale dell’animazione?

Data la seguente animazione CSS3 …. .drop_box { -webkit-animation-name: drop; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } @-webkit-keyframes drop { from { -webkit-transform: translateY(0px); } to { -webkit-transform: translateY(100px); } } Hello world Il testo di Hello World si anima come previsto, diminuendo di 100 px. Tuttavia, alla fine dell’animazione, torna alla sua posizione originale. Chiaramente questo […]

DIV vs Tabelle o CSS vs. Stupido

So che le tabelle sono per dati tabulari, ma è così allettante usarle per il layout. Posso gestire i DIV per ottenere un layout a tre colonne, ma quando hai 4 DIV annidati, diventa complicato. C’è un tutorial / riferimento là fuori per convincermi ad usare i DIV per il layout? Voglio usare DIV, ma […]