Sombra interior a DIV en IE

creé una sombra interior de un div como en el siguiente código CSS:Sombra interior a DIV en IE

.gil_Help_ContentArea { 
    width: 300px; 
    height: 200px; 
    margin: 5px 0 0 0; 
    padding: 0px; 
    background-color: #fff; 
    box-shadow: inset 0 0 10px #ccc; 
    -moz-box-shadow: inset 0 0 10px #ccc; 
    -webkit-box-shadow: inset 0 0 10px #ccc; 
    -khtml-box-shadow: inset 0 0 10px #ccc; 
}

Se está trabajando muy bien con los navegadores que no sean IE, pero quiero el mismo efecto en el IE. Si alguien está dispuesto a ayudar, será apreciado.

Puede verificar el efecto en http://jsfiddle.net/shabirgilkar/Mu9jL/.

Fuente

2011-04-27 Shabir Gilkar

La solución de oro habitual ([CSS3 PIE] (http://css3pie.com/)) doesn' t trabajo con 'inserto'. Solo pensé en señalarlo. – thirtydot

@thirtydot - es una pena que. Dudo que haya otra solución de trabajo para esto, salvo el uso de imágenes. Oh bien. : -/ – Spudley

http://css3generator.com/

Seleccionar caja de sombra

-webkit-box-shadow: inset 0px 0px 15px #313199; 
-moz-box-shadow: inset 0px 0px 15px #313199; 
box-shadow: inset 0px 0px 15px #313199;

¿Qué versión de IE se está refiriendo? Las diferentes versiones son muy diferentes.

Fuente

2011-04-27 06:55:56 Homer6

él pregunta sobre la sombra interna no la sombra exterior – sandeep

puedes simplemente elegir el recuadro en la interfaz – Homer6

yup, eso es correcto :) – sandeep

IE 8 y siguientes no son compatibles con la propiedad box-shadow CSS3, pero podría ser posible hacerlo funcionar. Debe comprobar estos artículos fuera ...

recomendaría el uso de imágenes para Internet Explorer 8 y por debajo (usar hojas de estilo condicionales).

Se me ocurrió una solución horrible, pero funciona en IE 8, Chrome, Firefox, Safari y Opera. Echa un vistazo al violín ...

http://jsfiddle.net/UnsungHero97/Mu9jL/3/

espero que esto ayude.
Hristo

Fuente

2011-04-27 07:38:51 Hristo

404!pegue el código en su respuesta para la posteridad. –

En la actualidad (noviembre de 2011) no parece que alguien haya desarrollado un polyfill para IE8 o IE7 para hacer lo que quiera. Ver, por ejemplo, CSS3PIE (https://github.com/lojjic/PIE/issues/3) que tiene soporte de cuadro sombreado pero no es compatible con el cuadro de recuadro.

Su mejor opción (¿solo?) Es crear una imagen para usar como fondo del elemento. Esta es, obviamente, una gran solución.

(Además, para ayudarle y otros encuentran otros polyfills útiles, aquí hay un enlace posiblemente útil: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills)

Fuente

2011-11-16 16:18:07

Respuesta

Cuestiones relacionadas