昨天的偶然发现

FIREFOX下显示WORDPRESS后台显示圆角 IE下却不显示

万恶的IE

图大

错位太严重

向下拉一下

wordpress2.8在不同游览器下后台显示样式不一样嘛

在上一张图

firefox下WORDPRESS后台

今天偶然看到关于CSS3中的一段

中间有这么一段

那么，有什么新东西？实际上CSS3的声明是border-radius。
 到目前为止，这个特性尚未确定，众多浏览器生产商通过前缀支持该属性。
Firefox使用  -moz- ， Safari使用 -webkit-

然后再进后台看源码找CSS

http://qlj.sh.cn/ wp-admin/css/colors-fresh.css?ver=20090610

搜索-moz

同样也看到了对应的内容

	-moz-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	-khtml-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	box-shadow: rgba(0,0,0,0.2) 0 -1px 0;

不过这里还有个KHTML 貌似支持KDE下的Konqueror

wordpress已经赶上CSS3 啦 哈哈

CSS3的浏览器支持状况：

* √ Firefox (3.05+…部分支持)
* √ Google Chrome (1.0.154+…部分支持)
* √ Google Chrome (2.0.156+…较好支持)
* × Internet Explorer (IE7, IE8 不支持)
* √ Opera (9.6+…很少支持)
* √ Safari (3.2.1+ windows…较好支持)

css, firefox

This entry was posted on 星期六, 六月 13th, 2009 at 10:59 下午 and is filed under wordpress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.