CSS3 y HTML5 en IE6, 7 y 8

Iniciado por WHK, 24 Enero 2012, 19:27 PM

0 Miembros y 1 Visitante están viendo este tema.

WHK

Ya algunos saben que anda por ahi un javascript para hacer compatibilizar ie con html5 pero he encontrado un sitio web que se las han ingeniado para hacer compatibilizar ie6 con css3 sin la necesidad de instalar nada.

CSS3:
http://fetchak.com/ie-css3/

Selectores CSS3 en IE6
http://selectivizr.com/

HTML5:
http://code.google.com/p/html5shiv/

Por ejemplo:
Código (css) [Seleccionar]
<style>
border-radius: 15px;
box-shadow: 10px 10px 10px #000;
behavior: url(ie-css3.htc);
</style>


Y ya tenemos nuestra caja con borde redondeado y sombra en todos los exploradores existentes :D
El archivo ie-css3.htc debe estar en el directorio principal del sitio WEB debido a que ie no sabe encontrar la ruta relativa de la hoja de estilo pero es lo de menos.

Lo he probado y me ha funcionado todo super bién :D, igual no podremos jugar con coordenadas, last-child y un montón de cosas pero por lo menos si nos permite hacer sombras, bordes redondeados y sombras a los textos.

Aver si mas adelante hacen algo para hacer compatible mas cosas.

Mas info de métodos cruzados:
Efecto cubo 3d con css en todos los exploradores:
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

Poner texto vertical en todos los exploradores:
http://help.dottoro.com/ljnqjkke.php (IE)
http://www.aquim.com/web-article-223.html (Todos los demás)

Saludos :D

#!drvy

Yo utilizaba el PIE.htc hasta ahora. Es muy similar a este... aver si lo pruebo estos dias.

Comparacion entre los 2
Citar
Nick Fetchak's ie-css3.htc
This project seems nearly identical to border-radius.htc mentioned above (in face Nick gives credit to Remiz on the site), but adds in some support for box-shadow, including blur, matching the rounded box shape. To my knowledge it is the first product to do so (though I had already implemented it in PIE before I found this project online).

The box-shadow seems to work well, but due to the algorithm of IE's blur filter, the rendering for a given blur radius ends up looking quite a bit different between IE and other browsers. I ran into this same issue building PIE, but have made some adjustments to make the rendering much more similar to the standard blur algorithm.

It also has some support for text-shadow, which PIE does not (yet) do at all. This is on the roadmap, but it is a very tricky problem to get text-shadow rendering correctly and adjust to on-the-fly DOM changes, perhaps even impossible.


Código (url) [Seleccionar]
http://css3pie.com/

Saludos