Suporte a navegadores CSS3 layout do módulo

Question

Eu estou tentando descobrir quais navegadores atualmente (nativamente) apoiar o CSS3 layout do módulo .

Basicamente, eu estou desenvolvendo para um ambiente específico onde posso especificar quais navegadores para uso e CSS3 irá acelerar o tempo de desenvolvimento, de modo hey - por que não?

O que eu estou falando especificamente sobre é

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

e ser capaz de elementos da página ranhura para o layout assim:

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

(div1 é o cabeçalho, e div2 é uma barra lateral esquerda)

Answer 1

Eu tenho certeza que há navegadores atualmente implementá-lo. E eu não esperaria qualquer navegador para implementá-lo em breve também.

Ele só ainda não é maduro o suficiente. É apenas um trabalhando projecto e ainda vai precisar de um monte de atenção e discussão antes que vai se transformar em implementadores navegador alguma coisa vai começar a ter um ir. Por exemplo, existem (pelo menos) 2 propostas relacionados: Grade Posicionamento e < a href = "http://snook.ca/archives/html_and_css/matrix-layouts" rel = "nofollow noreferrer"> Matrix layout .

é em da Mozilla bug rastreador , mas no momento isso é pouco mais do que um espaço reservado para futura atenção. Eu não poderia encontrar qualquer menção a ele em tudo sobre o rastreador Webkit bug.

Se você quiser saber mais sobre o status permanente desses módulos de layout, você deve seguir o lista de discussão www-style .

Answer 2

Opera tem o melhor suporte CSS3, seguido por webkit (Safari). Sugiro testar no Opera para ver o que funciona.

Aqui está uma tabela de compatibilidade (pode estar desatualizado) http://geocities.com/seanmhall2003/css3/compat.html

este parece melhor: http://westciv.com/iphonetests/

Esteja ciente de que a maioria das propriedades CSS3 são suportadas através de um prefixo (desde CSS3 não é final). Para opera o prefixo é -o- e para webkit é -webkit-. ou seja:. -o-text-shadow

UPDATE: Não é uma implementação Javascript do módulo de layout: http://a.deveria.com/ csstpl / . Não usei isso sozinho e ele vem com a captura que você deve esperar por toda a página carregar antes que ele possa tornar limpa. Se você estiver escrevendo um aplicativo de intranet em uma LAN isso provavelmente teria um impacto insignificante, mas em uma conexão lenta que poderia fazer suas páginas aparecem responder.