为什么不用通用的CSS3?

2012-04-26 23:13:08 +08:00
 tension
首页看节点... Firefox 12.0 还支持 -moz的

现在升级到Nightly 和 13.0 Beta 看节点居然不支持了

.item_node {
font-size: 12px;
line-height: 12px;
padding: 4px 10px 4px 10px;
margin: 0px 5px 5px 0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: inline-block;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
border: 1px solid #e5e5e5;
}
敢不敢加一个

border-radius: 4px;
3970 次点击
所在节点    反馈
20 条回复
Livid
2012-04-26 23:14:16 +08:00
这个地方是我漏了,马上加上。

谢谢。
tension
2012-04-26 23:17:19 +08:00
@Livid 不止是这一块...好多个地方都没圆角了耶...!
tension
2012-04-26 23:18:08 +08:00
搜索 css 里所有的 -moz-border-radius 我发现好多都没...
Sivan
2012-04-26 23:45:29 +08:00
我觉得 border-radius 不用加前缀了,基本都支持原生了。
dreamer
2012-04-27 00:08:44 +08:00
推荐一下 less: http://lesscss.org 用这个把常用的 hack 封装成函数会减少很多工作量。
underone
2012-04-27 00:11:26 +08:00
@Sivan 万一呢...是吧...
lepture
2012-04-27 00:12:58 +08:00
border-radius 我早就不加前缀了。
turing
2012-04-27 00:45:21 +08:00
我是来水楼的,好多熟人XD
chuck911
2012-04-27 00:57:41 +08:00
@Livid 搭车吐槽下,恶心的html居然没有变...
新内核、新衣服,难道不要考虑换身新皮?
<td width="10"></td> 居然还有这样的html
Livid
2012-04-27 01:11:34 +08:00
Camino 的 stable 版本目前还不支持 border-radius。
Livid
2012-04-27 01:12:09 +08:00
@dreamer 谢谢,放入学习列表了。
dreamer
2012-04-27 09:38:45 +08:00
@Livid :)

另外再推荐一个小工具:SimpLESS http://wearekiss.com/simpless ,它可以很方便地帮你把 .less 编译成 .css ,而且是压缩过的。

Twitter Bootstrap 就是用 LESS 写的: http://twitter.github.com/bootstrap/less.html ,它源码里面的 mixins 有很多值得参考的地方: https://github.com/twitter/bootstrap/blob/b261f9781bbf31f499cb55c49451dc0c0ad43062/less/mixins.less
yyfearth
2012-04-27 09:42:09 +08:00
@Livid Stylus + nib 也是个不错的选择 http://learnboost.github.com/stylus/
nib是一些常用mixins, 比如 gradients overflow
NemoAlex
2012-04-27 10:05:49 +08:00
@Livid @dreamer Mac 平台的 CodeKit 也很好用,还支持众多模板语言
http://incident57.com/codekit/
tension
2012-04-27 12:03:25 +08:00
各位推荐的都是好东西啊,又学习了!
sll822
2012-05-03 11:17:06 +08:00
@tension 我如果购买vpn是不是就不用设置任何东西,就可以远控家里的电脑呀,,,vpn怎用呢
tension
2012-05-03 11:43:06 +08:00
@sll822 怎么会问到我呢?
sll822
2012-05-03 11:46:46 +08:00
@tension 嘿嘿,你不是说你在搞vps吗,看看你知道不
tension
2012-05-04 13:53:35 +08:00
@sll822 VPN 的话我觉得还是百度下比较好...

VPN只是一个跨域的上网方式! 但是首先你也需要接入网络... 而不是控制电脑!
jjgod
2012-05-04 14:46:44 +08:00
@Livid: 现在居然还有人用 Camino?!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/33743

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX