chunty
Joined: Wed Mar 20, 2013 10:41 am Posts: 2
|
 linear-gradient not working
I have the following css: float:left; width:201px; background: #7F8E19; background: -moz-linear-gradient(top, #B6BC71 0%, #8B9726 50%, #7F8E19 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6BC71), color-stop(50%,#8B9726), color-stop(100%,#7F8E19)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* IE10+ */ background: linear-gradient(to bottom, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); /* W3C */ -pie-background: linear-gradient(top, #B6BC71 0%,#8B9726 50%,#7F8E19 100%); border: 3px solid #80900D; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; behavior: url(css/pie/PIE.htc); zoom:1; position: relative;
I'm getting the borders but the gradient is not working (it does with v1)
Thanks Chris
|