我正在尝试找出当前(本机)哪些浏览器支持 CSS3布局模块.

基本上,我正在针对特定环境进行开发,在该环境中我可以指定要使用的浏览器,并且 CSS3 将加快开发时间,所以嘿 - 为什么不呢?

我具体说的是

body {
   display: 'aaa'
            'bcd';
}

并能够将页面元素插入布局中,如下所示:

div#div1 { position: a; }
div#div2 { position: b; }

(div1是标题,div2是左侧边栏)

有帮助吗?

解决方案

我很确定目前没有浏览器实现它。我也不希望任何浏览器很快实现它。

只是还不够成熟。这只是一个 工作草案 在它变成浏览器实现者开始尝试的任何东西之前,仍然需要大量的关注和讨论。例如,有(至少)2个相关提案: 网格定位矩阵布局.

Mozilla 的错误跟踪器, ,但目前这只不过是未来关注的占位符。我在 Webkit 错误跟踪器上根本找不到任何提及它的信息。

如果您想了解有关这些布局模块的持续状态的更多信息,您应该按照 www-style 邮件列表.

其他提示

Opera有最好CSS3支撑,随后的webkit(狩猎)。我建议测试在Opera,看看是什么在起作用。

下面是一个相容性图表(可能是过时的) http://geocities.com/seanmhall2003/css3/compat.html

这一次似乎更好: http://westciv.com/iphonetests/

请注意,最CSS3属性通过前缀支持(因为CSS3不是终点)。对于歌剧的前缀是-O-和WebKit的是-webkit-。即:-o-文字阴影

UPDATE:有一个Javascript实现布局模块的: http://a.deveria.com/ csstpl / 。没有用它自己,它配备了追赶,你必须等待所有的页面加载,才可以清楚地显示。如果你正在写一个局域网Intranet上的应用程序,这将可能有一个不可忽视的影响,但在速度较慢的连接,可以让你的网页出现反应迟钝。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top