- Hent CSS3 PIE
- Brug Ultimate CSS Gradient Generator
- Indsæt nedenstående i din CSS
button {
color: #fff;
-moz-border-radius: 10px; /* firefox */
-ms-border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius: 10px; /* safari and chrome */
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #193a65;
background: #5E7FAA; /* Old browsers */
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5E7FAA), to(#325789)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(#5E7FAA, #325789); /* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(#5E7FAA, #325789); /* FF3.6+ */
background: -ms-linear-gradient(#5E7FAA, #325789); /* IE10+ */
background: -o-linear-gradient(#5E7FAA, #325789); /* Opera 11.10+ */
background: linear-gradient(#5E7FAA, #325789); /* W3C */
-pie-background: linear-gradient(#5E7FAA, #325789); /* IE9 */
behavior: url('assets/PIE.htc') !important; /* IE9 */
}På nogle servere, tilføje i .htaccess
AddType text/x-component .htc
Resource: http://css3pie.com/documentation/known-issues/#content-type