Con Chrome / Safari y Firefox están las -webkit-gradient y -moz-linear-gradient . ¿Cómo puedo hacer este mismo tipo de cosas con IE9?
Tengo un div con una background-image . Quiero superponer la imagen de fondo con un color rgba(0,0,0,0.1) ) cuando el usuario coloca el div. Me preguntaba si existe una solución de div (es decir, no con múltiples divs, uno para la imagen y otro para el color, etc.). Intenté varias cosas: Y este CSS: .the-div […]
¿Cómo puedo hacer esta caja en CSS? He visto algunos tutoriales que enseñan cómo crear cuadros con flechas, sin embargo, en mi caso, ninguno de esos tutoriales es adecuado.
Después de mirar a través del blog de desarrolladores de IE10, descubrí que no son compatibles con la configuración preserve-3d. Ofrecen una solución alternativa, pero parece que no puedo hacer que funcione. Mi ejemplo a continuación funciona en Safari, Chrome y Firefox, pero no en IE10. Si alguien pudiera ayudarme a lograr esto, estaría muy […]
Tengo un elemento div con texto y una imagen de fondo, que se establece a través de la background-image propiedad CSS. ¿Es posible desvanecerse en la imagen de fondo a través de jQuery? div { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg); border: 1px solid #666; height: 10em; } Text EDITAR He hecho un […]
Acabo de descubrir la propiedad de box-sizing: border-box que resuelve un montón de problemas de diseño de navegador cruzado para mí. El único problema que ahora tengo es que IE7 no parece apoyarlo. ¿Hay algún truco para que IE7 lo admita?
¿Hay alguna manera fácil de tener css3 text-shadow trabajando en IE9? Al menos una sola sombra de texto sería genial. Supongo que idealmente también es compatible con IE8. Espero que haya un plugin jquery simple o un archivo .htc que solo mire la propiedad text-shadow css de un elemento y lo implemente para IE9.
¿Es posible agregar ruido a un degradado en CSS? Aquí está mi código para un degradado radial: body { color: #575757; font: 14px/21px Arial, Helvetica, sans-serif; background-color: #2f3b4b; background: -moz-radial-gradient(center 45deg, circle closest-corner, #2f3b4b 0%, #3e4f63 100%); background: -webkit-gradient(radial, center center, 10, center center, 900, from(#2f3b4b), to(#3e4f63)); } ¿Qué agregaría a eso para tener ruido […]
Tengo un problema con una animación CSS3. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Este código solo funciona si elimino el cambio de display . Quiero cambiar la pantalla justo después del control deslizante pero […]
Quiero crear una forma, que describiría como “círculo inverso”: La imagen es de alguna manera inexacta, porque la línea negra debe continuar a lo largo del borde exterior del elemento div. Aquí hay una demostración de lo que tengo en este momento: http://jsfiddle.net/n9fTF/ ¿Es eso posible con CSS sin imágenes?