Articles of css

filter: blur (1px); no funciona en Firefox, IE y Opera

Tengo un problema con CSS: cuando trato de hacer -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); se ve perfecto en safari y cromo, pero la borrosidad no aparece en absoluto en Firefox, Opera o IE. ¿Los navegadores lo admiten? ¿O hay otro método para hacer borrosas toda la página?

¿Cómo hacer un círculo alrededor del contenido usando CSS?

Me gusta esto Con solo este código 1

¿Cómo se supone que funciona un CSS “display: table-column”?

Dado el siguiente HTML y CSS, no veo absolutamente nada en mi navegador (Chrome e IE son los más recientes al momento de escribir). Todo colapsa a 0x0 px. ¿Por qué? section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; […]

¿Puedes usar condiciones if / else en CSS?

Me gustaría usar condiciones en mi CSS. La idea es que tengo una variable que reemplazo cuando el sitio se ejecuta para generar la hoja de estilo correcta. ¡Lo quiero para que según esta variable cambie la hoja de estilo! Parece que: [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : 4px […]

Hacer que el niño sea visible fuera de un desbordamiento: padre oculto

En CSS, el overflow:hidden se establece en los contenedores principales para permitir que se expanda con la altura de sus hijos flotantes. Pero también tiene otra característica interesante cuando se combina con margin: auto … Si ANTERIOR hermano es un elemento flotante, realmente aparecerá yuxtaponerlo. Es decir, si el hermano está float:left , el contenedor […]

Cambia dinámicamente de color a más claro o más oscuro por porcentaje CSS (Javascript)

Tenemos una gran aplicación en el sitio y tenemos algunos enlaces que son, digamos color azul como los enlaces azules en este sitio. Ahora quiero hacer algunos otros enlaces, pero con un color más claro. Obviamente, solo puedo hacer simplemente añadiendo el código hexadecimal en el archivo CSS, pero nuestro sitio permite al usuario decidir […]

¿Tienes una variable en la ruta de las imágenes en Sass?

Quiero tener una variable que contenga la ruta de acceso raíz a todas mis imágenes en mi archivo CSS. No puedo entender si esto es posible en Sass puro (el proyecto web real no es RoR, por lo que no puede usar asset_pipeline o cualquiera de esos elegantes jazz). Aquí está mi ejemplo que no […]

Coincidir con todos los selectores de clase que comienzan con?

¿Es posible usar un “comodín” para selectores en CSS3? p.ej. … y luego, mágicamente, configuró todos los divs anteriores en rojo de una sola vez … .myclass* { color: #f00; } ¿Posible?

Elemento hijo de estilo cuando se coloca el cursor sobre el elemento primario

Cómo cambiar el estilo del elemento secundario cuando hay un elemento emergente en el elemento principal. Preferiría una solución de CSS para esto si es posible. ¿Hay alguna solución posible a través de: activa los selectores de CSS. De hecho, necesito cambiar el color de la barra de opciones dentro de un panel cuando hay […]

por qué la altura de la línea del tramo es inútil

Primero, veamos un pedazo de código: http://jsfiddle.net/rFGkV/ ¿Por qué no se usa la altura de línea del tramo? La altura de línea todavía es de 200px, pero cuando establecemos la propiedad de visualización de span inline-block línea, ¿se usa la altura de línea del tramo? Vea abajo: http://jsfiddle.net/B7z85/