日期:2014-05-17  浏览次数:20677 次

CSS3渐变和教程问题
background:-moz-linear-gradient(left,#F00,#FFF);
渐变了
但是去掉 -moz- 标识就不渐变了,火狐浏览器调试的,版本12.0,根据百度搜索"火狐浏览器支持CSS3吗"的普遍结果显示是支持的,我不辞谢为什么去掉了 -moz- 就不支持..
background:linear-gradient(left,#F00,#FFF);

求解1.请问火狐到底是否真的支持CSS3?我的语法有错吗?正确要怎么写呢?


如果其实它是真的支持的,但我以上代码不能实现渐变的话,我只能怀疑一个原因:语法错误!或属性名称,属性值书写有误!
于是,其实我想从头学一次CSS3.0搞清楚它的语法什么的,尽管我会CSS1,但现在把网上的各种示例拿下来,有的没效果,有的改一下又不像逻辑上所想像的那样,归根到底如果我明白它的各种语法规则就好办了.不然我现在压根就在乱改.而且还是做一个只有火狐浏览器才有的渐变,换其它支持CSS3的浏览器就不能渐变了,你说加-webkit- 之类的支持其它内核浏览器吗?那多恶心呢..给各浏览器加一个它自己支持的属性,不如直接拿CSS3的写,支持的浏览器就显示,不支持的就不管它了(我正在设计HTML5+CSS3的网页,不考虑兼容旧浏览器问题,所以百度搜到那些 什么"兼容 IE浏览器的CSS3.0渐变"都不是我所想要的..)

辛苦地百度搜CSS3教程
都是一些CSS3的实例教程,教怎么做效果啥的
但是我只有CSS1的基础
具体CSS3的选择规则是怎么样的
还有具体的一些新增属性介绍和属性值设置语法都没有介绍

问题2.请问谁能分享一下你的CSS3基础教程?网站或chm啥的都好~谢谢

------解决方案--------------------
http://www.qianduan.net/webkit-style-syntax-for-the-gradient-update-css3.html
background:-moz-linear-gradient(left,#F00,#FFF);
这就是正确写法啊。。
------解决方案--------------------
http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/
------解决方案--------------------
仿佛前面的-moz-就是这个浏览器的名字!!比如还有wobkit之类的 给分吧 所以前面必须写 那就是跟你家的门牌号一样的 那要不然快递怎么能送到呢?
------解决方案--------------------
有些标记是得加前缀的,各个浏览器的解析并不是完全相同,就目前来说,即便是支持CSS3,要加前缀的还是加吧,以后应该会省去。
------解决方案--------------------
这个不是你想就想的 人家W3C出标准 浏览器出方法 你照着做就好了 那个HTML里面的CENTER那些一个道理每个人都有独特的东西 你照着做就好了 反正你都是用别个发明出来的东西 照着说明书做就好 给分吧 不解释