O suporte do navegador para CSS está atrasado em relação ao desenvolvimento do CSS. O Internet Explorer, que tem uma participação absoluta no mercado, só completou o suporte completo para CSS 2.1 até sua 8ª versão lançada há pouco tempo. O progresso mais recente em CSS é o desenvolvimento do CSS 3. a especificação já está mais da metade concluída. Mas isso não nos impede de utilizar novas tecnologias em CSS. Embora não possamos aplicá-los como gostamos usando técnicas gerais em CSS, podemos obter efeitos mais vívidos em navegadores específicos. Usar essas novas tecnologias em locais apropriados não apenas permitirá que você fique na vanguarda da tecnologia CSS, mas também fará com que seus trabalhos sejam revigorantes.
Nova tecnologia CSS: não espere ser suportada por todos os navegadores
A Microsoft anunciou o suporte para CSS em várias versões de navegadores do Internet Explorer 5.5 a 8.0. Nesta lista, podemos ver que o suporte total para CSS 2.1 não foi concluído até o Internet Explorer 8.0 e só pode ser usado no Internet Explorer 7.0. Seletores de atributos em CSS 2.1, embora esta tecnologia CSS seja muito útil. Isso significa que você deve desistir de usar essa tecnologia em consideração aos usuários do Internet Explorer 6.x, que ainda representam mais de 40% do mercado. Por exemplo:
[valor] {altura:25px}
[href=http://www.dudo.org/] {color:red;}
Na linha 1, podemos definir a altura de todos os formulários com atributos de valor para 25px; permitir que links para sites específicos sejam exibidos em texto vermelho; Mas fazer isso no Internet Explorer 6 não tem nenhum efeito, porque esta “nova tecnologia CSS” não é suportada.
No CSS 3, os seletores de atributos têm funções mais poderosas. Além disso, o CSS 3 também adiciona efeitos como cantos arredondados, sombras de texto e bordas tridimensionais. Pode-se dizer que essas novas tecnologias CSS tornaram os problemas originais complexos em CSS. 2 mais fácil. É muito simples. Por exemplo, no CSS 3, você só precisa do seguinte código para obter uma aparência arredondada:
No entanto, esta nova tecnologia não é suportada nem mesmo pelo Internet Explorer 8. Atualmente é suportada apenas pelo Firefox, Safari e Chrome, e este suporte é não completo. Compatível, use -moz-radius no Firefox e -wekit-radius no Safari e Chrome.
Esta é uma nova tecnologia em CSS que parece nunca ser totalmente interpretada por todos os navegadores ao mesmo tempo.
A nova tecnologia CSS não é um CSS Hack
O que é hack de CSS? CSS Hack é um método que utiliza certas deficiências no uso de CSS no navegador para implementar diferentes regras CSS. Por exemplo, _property pode ser usado para distinguir o IE7, 8 e outras versões do IE, *property pode ser usado para distinguir o IE de navegadores não-IE, etc. No entanto, o que é apontado aqui é que todos esses CSS Hacks são especificações CSS não padrão e não podem passar na verificação do W3C. Em outras palavras, são todas regras CSS incorretas. Mas as novas tecnologias CSS são diferentes. São especificações CSS padrão, mas não são suportadas por alguns navegadores.
Além disso, as novas tecnologias CSS não podem ser resolvidas por meio de hackers. Para inconsistências na interpretação do modelo de caixa em diferentes navegadores, podemos corrigi-lo através do CSS Hack. Porém, o problema do Internet Explorer não suportar retângulos arredondados não pode ser resolvido por nenhuma tecnologia CSS Hack. imagens de fundo.
Portanto, a nova tecnologia CSS não é um tipo de CSS Hack, é uma especificação CSS ortodoxa.
Uso apropriado de novas tecnologias CSS
Embora tenhamos mencionado anteriormente que a nova tecnologia CSS não pode ser suportada por todos os navegadores, nem pode atingir o mesmo efeito em navegadores diferentes, como usar a tecnologia CSS Hack. No entanto, isso não nos impede de usá-los. Imagine só, se uma página comum pudesse ser adicionada com facilidade de uso adicional em um navegador sem afetar seu uso, não seria mais atraente? E conseguimos esse efeito sem adicionar regras CSS irregulares como CSS Hack. Portanto, usar a tecnologia CSS de maneira adequada no momento apropriado pode obter o efeito de cereja no bolo e tornar sua página da web mais fácil de usar.