> background-size: 1% 1000% /* to fix Firefox */ > filter: progid:( startColorstr='#E3B74A', endColorstr='#ffffff',GradientType=0 ) /* IE6-9 */ > background: linear-gradient(to bottom, #E3B74A 0%,#ffffff 100%) /* W3C */ > background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#E3B74A), color-stop(100%,#ffffff)) /* Chrome,Safari4+ */ If I add background-size 1% 1000% then firefox shows the proper gradient.Īm I doing something wrong? I don't understand why I have to add background-size and have the valve of 1000% to get it work.īackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#E3B74A), color-stop(100%,#ffffff)) /* Chrome,Safari4+ */īackground: -webkit-linear-gradient(top, #E3B74A 0%,#ffffff 100%) /* Chrome10+,Safari5.1+ */īackground: -moz-linear-gradient(top, #E3B74A 0%, #ffffff 100%) /* FF3.6+ */īackground: -o-linear-gradient(top, #E3B74A 0%,#ffffff 100%) /* Opera 11.10+ */īackground: -ms-linear-gradient(top, #E3B74A 0%,#ffffff 100%) /* IE10+ */īackground: linear-gradient(to bottom, #E3B74A 0%,#ffffff 100%) /* W3C */įilter: progid:( startColorstr='#E3B74A', endColorstr='#ffffff',GradientType=0 ) /* IE6-9 */īackground-size: 1% 1000% /* to fix Firefox */ The gradient works like it should in IE9 but in firefox 20 I get repeating gradient bars like I am trying to add a gradient to my website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |