Resultados de la búsqueda a petición "css3"
Agregue el icono de imagen a la izquierda del número de la lista ordenada
La cuestiónYa sé cómo agregar viñetas de imagen usando el CSSbackground-image propiedad. Lo que intento hacer ahora es mostrar un pequeño ícono gráfico a la izquierda del número de línea en una lista ordenada. El problema con el que me encuentro ...
¿Qué significa @media screen y (max-width: 1024px) en CSS?
Encontré este fragmento de código en un archivo CSS que heredé, pero no puedo entenderlo: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } }Específicamente, ¿qué está pasando en la primera línea?
Reduzca la altura de una columna al contenido y estire la otra a la misma altura
Tenemos un diseño de dos columnas, con una columna azul y una verde. Debe comportarse después de las siguientes condiciones: Ambas columnas tienen el mismo ancho. La altura de la columna azul se determinará en función de su altura de contenido, ...
El clic de etiqueta de ancla no funciona en el control deslizante CSS
Me gustaría usar el siguiente control deslizante CSS en mi proyecto http://jsfiddle.net/63w9jnqq/1/ [http://jsfiddle.net/63w9jnqq/1/] No utiliza ningún JavaScript o jQuery. Cuando hago clic en el enlace desde cualquier diapositiva que no ...
niño flexible está creciendo fuera de los padres
¿Cómo forzar que los cuadros verdes estén contenidos en el rojo sin establecer un valor de altura estático y sin posición absoluta? Quiero reducir el contenido para que se ajuste al padre. El contenido (video en este caso) puede reducirse y las ...
¿Cómo obtener el ancho real de un bloque que se muestra con la dirección de flexión: columna correctamente?
Por ejemplo: HTML console.log($('.container').width()); // 600px as we defined in css. console.log($('.list').width()); // 600px console.log($('.box').eq('-1').position().left + $('.box').outerWidth());body{padding:0;margin:0;} .container { ...
¿Por qué esta animación CSS3 no funciona en MS Edge o IE11?
Aquí está elviolín [https://jsfiddle.net/vgh1xhbq]y debajo está el código CSS (el HTML es solo una elipse SVG). Funciona en Chrome, Firefox y Opera, pero no funciona en IE y Edge. ¿Qué hacer para ver la animación en IE y Edge? #my-circle { ...
Ángulo de 45 grados + Sombra de cuadro: utilizando solo CSS
Necesito recrear el siguiente diseño usando soloCSS: Lo que está viendo en la imagen es la parte superior del contenedor de un sitio web: los "enlaces" forman parte del menú principal. Tal como está, he creado el contenedor, pero no estoy ...
IE 11: la imagen no se reduce correctamente en flexbox
Estoy tratando de usar flexbox para colocar dos imágenes en una columna. En este caso, elwidth del contenedor div es más pequeño que elwidth de la imagen En Chrome, la imagen encaja perfectamente en el contenedor div, pero no en IE, y no sé por ...
Cómo evitar que css se convierta en css en línea
Estoy usando jquery para modificar css de un elemento div al presionar un botón. Noté que el CSS se alineaba con el HTML. ¿Cómo puedo evitar que el estilo se ponga en línea? <style media="" ...