Daniel_
2015-01-22 14:26
课件学到这里也接近尾声,感谢老师的辛苦工作和耐心制作,这里我反应几个问题。
1.编写的课件有很多bug,给我们新手带来很多不便,但是还是支持老师辛苦的工作。(第2行:html和lang=“en”没有空格 ;第103行:text-shadow:阴影的px连写了,没有空格;第126行::hover和img之间没有空格。
2.任务一:经测试
background-image:-webkit-radial-gradient(farthest-side ellipse at center, rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%), url("http://ww1.sinaimg.cn/large/857b081bjw1du3kveu19sj.jpg");
-webkit-radial-gradient在chrome里无效
background-image: -moz-radial-gradient( farthest-side ellipse at center, rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%), url("http://fs0.139js.com/file/s_jpg_857b081bjw1du3kveu19sj.jpg");
-moz-radial-gradient在firefox里无效
background-image: radial-gradient( farthest-side ellipse at center, rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%), url("http://fs0.139js.com/file/s_jpg_857b081bjw1du3kveu19sj.jpg");
在firefox和chrome都有效
疑问:对于之前学的课程里multibackground章节中说明多张背景图片用多个url之间逗号隔开就可以了,为什么这样写不行?
background:radial-gradient(farthest-side ellipse at center, rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%),url("http://ww1.sinaimg.cn/large/857b081bjw1du3kveu19sj.jpg");
-webkit-,-moz-是针对旧版本的chrome和firefox浏览器的,现在的新版本浏览器都统一直接使用background-image
十天精通CSS3
242554 学习 · 2623 问题
相似问题