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)); 
 }
InformationsquelleAutor Irishgirl | 2012-04-23
Schreibe einen Kommentar