Domande taggate «css»

CSS (Cascading Style Sheets) è un linguaggio per fogli di stile di rappresentazione utilizzato per descrivere l'aspetto e la formattazione dei documenti HTML (HyperText Markup Language), XML (Extensible Markup Language) e degli elementi SVG inclusi (ma non limitati a) colori, layout, caratteri, e animazioni. Descrive anche come gli elementi dovrebbero essere resi sullo schermo, sulla carta, nel parlato o su altri media.

10
Come posso applicare l'opacità a una variabile di colore CSS?
Sto progettando un'app in elettrone, quindi ho accesso alle variabili CSS. Ho definito una variabile di colore in vars.css: :root { --color: #f0f0f0; } Voglio usare questo colore main.css, ma con qualche opacità applicata: #element { background: (somehow use var(--color) at some opacity); } Come potrei fare per fare questo? …
7
In jQuery come posso impostare le proprietà "top, left" di un elemento con valori di posizione relativi al genitore e non al documento?
.offset([coordinates])Il metodo imposta le coordinate di un elemento ma solo relative al documento. Quindi come posso impostare le coordinate di un elemento ma rispetto al genitore? Ho scoperto che il .position()metodo ottiene solo valori "top, left" relativi al genitore, ma non imposta alcun valore. Ci ho provato $("#mydiv").css({top: 200, left: …
22
Rendere reattivo un iframe
Stavo leggendo questo post di StackOverflow intitolato "Riesci a rendere reattivo un iFrame?", E uno dei commenti / risposte mi ha portato a questo jfiddle. Ma quando ho cercato di implementare HTML e CSS per soddisfare le mie esigenze, non ho avuto gli stessi risultati / successo. Ho creato il …
4
CSS: Come avere posizione: div assoluto all'interno di una posizione: div relativo non essere ritagliato da un overflow: nascosto su un contenitore
Ho 3 livelli di div: (In verde sotto) Un livello superiore divcon overflow: hidden. Questo perché voglio che alcuni contenuti (non mostrati qui) all'interno di quella scatola vengano ritagliati se supera le dimensioni della scatola. (In rosso sotto) All'interno, ho divcon position: relative. L'unico uso per questo è per il …
6
Inserisci immagine dopo ogni elemento dell'elenco
Quale sarebbe il modo migliore per inserire una piccola immagine dopo ogni elemento dell'elenco? L'ho provato con una pseudo classe ma qualcosa non va ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} Grazie per qualsiasi aiuto!
144 css 
10
Opacity CSS non funziona in IE8
Sto usando CSS per indicare il testo del trigger per una sezione a discesa jQuery: ovvero quando passi con il mouse sul testo del trigger, il cursore si trasforma in un puntatore e l'opacità del testo del trigger si riduce per indicare che il testo ha un'azione clic . Funziona …
23
Perché non riesco a salvare le modifiche CSS in Firebug? [chiuso]
Allo stato attuale, questa domanda non è adatta al nostro formato di domande e risposte. Ci aspettiamo che le risposte siano supportate da fatti, riferimenti o competenze, ma questa domanda probabilmente solleciterà dibattiti, argomenti, sondaggi o discussioni estese. Se ritieni che questa domanda possa essere migliorata e possibilmente riaperta, visita …
143 css  firebug 
10
un collegamento href per l'intero div in HTML / CSS
Ecco cosa sto cercando di ottenere in HTML / CSS: Ho immagini di diverse altezze e larghezze, ma sono tutte inferiori a 180x235. Quindi quello che voglio fare è creare un divcon bordere vertical-align: middletutti loro. L'ho fatto con successo, ma ora sono bloccato su come collegare correttamente un href …
143 html  css 
6
Twitter bootstrap float div right
Qual è il modo corretto di bootstrapfar galleggiare un div a destra? Ho pensato che pull-rightfosse il modo consigliato, ma non funziona. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> Esegui snippet di codiceNascondi …
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.