Вопрос:<!doctye html> <html> <head> <style> body{ width:500px; height:500px; background:linear-gradient(top,#f7fob7 0% ,#b57c12 100%); background:-webkit-linear-gradient(top,#f7fob7 0% ,#b57c12 100%); background:-moz-linear-gradient(top,#f7fob7 0%,#b57c12 100%); margin:0 auto; margin-top:10px; } </style> <title> Title </title> </head> <body> <p> CSS gradients are new types of <image> added in the CSS3 Image Module. </p> </body> </html>
но градиент ничего не меняет, цвет фона работает, но градиент не работает, я тестировал в Chorme, и firefox может помочь вам в чем-то неправильном.
Лучший ответ:
Это потому, что у вас есть ошибка в шестнадцатеричном цветовом коде. Измените #f7fob7 (с буквой o) на #f7f0b7 (с нулем).
.a { background: -moz-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* FF3.6+ */ background: -webkit-gradient(linear, top, color-stop(0, f7f0b7), color-stop(100%, b57c12));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* IE10+ */ background: linear-gradient(top, #f7f0b7 0, #b57c12 100%);/* W3C */ }<div class=»a»> Some text here </div>