Chrome和Safari浏览器中的线性渐变 [英] Linear gradient in Chrome and Safari browsers

查看:328
本文介绍了Chrome和Safari浏览器中的线性渐变的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我无法在Safari和Chrome中显示线性渐变.在Firefox中可以正常显示.

I am having trouble showing a linear gradient in Safari and Chrome. In Firefox it shows up fine.

我正在尝试:

background: -webkit-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;   
background:    -moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;
background:     -ms-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;
background:      -o-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;

感谢您的帮助.

推荐答案

尝试一下- http://jsfiddle.net/fwkgM/1 /

  background-color: #9e9e9e;
  background-image: linear-gradient(to bottom, #9e9e9e, #454545);

CSS3,请

这篇关于Chrome和Safari浏览器中的线性渐变的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆