Alternative zu CSS3 <hr> - tag einfache Stile mit fade-out-Kanten, wenn diese nicht arbeiten und ein Kind von standard <hr> - tag kick-in statt?
Alternative zu CSS3 < hr > - tag einfache Stile mit fade-out-Kanten, wenn diese nicht arbeiten und ein Kind-Anweisung oder else-Anweisung für standard - < hr > - tag unterhalb des hr als " Stil-code unten.
Es ist CSS3 < hr > - tag einfache Stile mit fade-out-Kanten, siehe link
http://css-tricks.com/simple-styles-for-horizontal-rules.
Gibt es einen fallback, wenn diese < hr > einfache Stile mit fade-out-Kanten, die nicht funktionieren und ein standard - < hr > - Knick statt? Ich bin mit jQuery1.6.4 Bitte beraten?
hr { border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
width:100%;
}
.hr { border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
Du musst angemeldet sein, um einen Kommentar abzugeben.
Vielleicht sind Sie besser dran mit hr so, wenn Sie sind besorgt über eine rückfallebene, aber wahrscheinlich können Sie ersetzen Sie den hr mit einem div mit einem Bild im inneren oder als hintergrund, wenn der browser keine Unterstützung für css-Farbverläufe, um in der Lage sein, zu erkennen, wie-Funktion, die Sie verwenden können,Modernizr.
sobald Sie modernizr auf den html-Code können Sie testen mit jQuery css-Farbverläufe sind erhältlich, um Ihre Kunden, Ich normalerweise tun Sie es wie folgt, aber möglicherweise gibt es ein besserer Weg, dies zu tun, mit Modernizr js-API.
Bitte lassen Sie mich wissen, wenn es für Sie arbeitet, und viel Glück!
HTML
CSS
JS