- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Dov'è box-shadow?
-
Dov'è box-shadow?
Ho queste immagini .svg il css è questo, non trovo il box-shadow che crea l'ombra
ul.share-buttons{ width: 150px; list-style: none; padding-top: 20px; border-top: 1px solid #d6d6d6; } ul.share-buttons li{ display: inline; } ul.share-buttons .sr-only{ position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } ul.share-buttons img{ width: 30px; }
-
Non c'è infatti nel css che hai scritto
-
Perché appare? Non è un'immagine unica fatta così.
-
Boh. Non ho palla di vetro... sarà inserito in altre chiamate, oppure via js oppure non lo so
se metti un link potrei aiutarti, altrimenti non saprei che dirti...
-
https://albertifoto.altervista.org
Nelle pagine (sono in alto nella colonna sinistra) hanno l'ombra, negli articoli, no.
-
file: style.css
riga 165
.entry-content img {
/* border-radius: 8px !important; /
/ box-shadow: 3px 3px 20px 1px #888; / / IE /
/ -webkit-box-shadow: 3px 3px 20px 1px; / / Safari e Chrome /
-moz-box-shadow: 3px 3px 20px 1px; / Firefox /
-o-box-shadow: 3px 3px 20px 1px; / Opera */
}
-
Grande!
-
C'è un'ultima cosa che non mi quadra, questo css da dove sbuca fuori che il codice non lo richiama? .sr-only
.share-buttons .sr-only { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } <!-- Codice HTML --> <ul class="share-buttons"> <li><a href="https://www.facebook.com/sharer/sharer.php?u=https://sito.it"e=" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="https://sito.it/Facebook.png" /></a></li> <li><a href="https://twitter.com/intent/tweet?source=https://sito.it&text=:%20https://sito.it" target="_blank" title="Tweet"><img alt="Tweet" src="https://sito.it/Twitter.png" /></a></li> <li><a href="https://pinterest.com/pin/create/button/?url=https://sito.it&description=" target="_blank" title="Pin it"><img alt="Pin it" src="https://sito.it/Pinterest.png" /></a></li> </ul>
-
L'ho tolto, ora non c'è più.
-
bene