css3
Agregar icono de Bootstrap de Twitter al cuadro de entrada
¿Cómo podemos agregar un icono de Twitter Bootstrap icon-search a la derecha de un elemento de entrada de texto?
El siguien ... te.png');
background-position: -48px 0;
padding-left: 30px;
margin-top: 45px;
border: 0;
float: right;
}
CSS3 caja sombra en la parte superior de los niños
¿Cómo puedo obtener una sombra de caja CSS3 para renderizar encima de sus elementos secundarios?
Problema:
HTML:
< ... ssage{
padding: 4px 2px;
}
.chatmessage b{
margin-right: 2px;
}
.chatmessage:nth-child(2n) {
background: #EEE;
}
La visibilidad de la cara posterior de Webkit no funciona
Estoy construyendo un ejemplo simple para voltear una tarjeta usando la propiedad -webkit-transform: rotateY.
Estaba funcion ... nar.
Así que, para resumir, mi pregunta es, ¿alguien más tiene problemas con esta propiedad, o hay un problema con mi código?
multiline-flexbox en IE11 calculando anchos incorrectamente?
Parece que IE11 no calcula correctamente los anchos de elementos flexibles si se utiliza flex-wrap: wrap.
Véase http://jsfi ... ecto solo la última versión de los navegadores populares necesita ser compatible, afortunadamente, pero IE11 es uno de ellos.
Eliminar el espacio en blanco por encima y por debajo del texto grande en un elemento de bloque en línea
Digamos que tengo un único elemento span definido como un bloque en línea. Sólo el contenido es texto plano. Cuando el tamaño ... to está cambiando hacia la parte superior (FF17, Chrome 23, Mac OSX).
¿Alguna idea de una solución cross-browser? ¡Gracias!
Difuminar la imagen a transparente como un degradado
Me gustaría tener una imagen (una imagen de fondo) que se desvanezca a transparente para que el contenido detrás de ella pued ... ecto):
background: linear-gradient(to bottom, rgba(url('splash_bottom3.png'), 0.0), rgba(url('splash_bottom3.png'), 1.0));
Schema.org dar a un div un itemprop = "imagen"?
Estoy reemplazando una imagen con un <div> con background-image por la razón de background-size: cover; La página está ... sma manera que antes con una imagen solo que "la imagen" es un div ahora.
¿Tiene sentido dar ese itemprop a un <div>?
La transformación CSS causa parpadeo en Safari, pero solo cuando el navegador tiene> = 2000px de ancho
, has leído bien. Probado en varias máquinas en la oficina y la única diferencia entre los escenarios era el tamaño del naveg ... ndurham/ujPMK/embedded/result /
Recuerde, Safari debe estar configurado en al menos 2000px de ancho para que esto suceder.
Se debe utilizar rgba(0, 0, 0, 0) o rgba(255, 255, 255, 0) para la transparencia en CSS?
¿Debería usar rgba(0, 0, 0, 0) o rgba(255, 255, 255, 0) para la transparencia en CSS?
¿Cuáles son los pros y los contras de cada uno?
¿Cómo evitar el desplazamiento de documentos pero permitir el desplazamiento dentro de elementos div en sitios web para iOS y Android?
He creado un sitio web con jQueryMobile para iOS y Android.
No quiero que el documento en sí se desplace. En su lugar, solo ... todos los demás elementos del documento, sin importar si overflow:scroll está configurado o no.
¿Cómo puedo resolver esto?
¿Cómo selecciono cualquier otro elemento de clase div usando solo CSS (sin js)
Gracias amablemente por sus respuestas de antemano.
Sé cómo hacer esto con javascript y php, pero estoy tratando de aprender ...
<a href="#">::LEARN MORE::</a>
</div>
</div>
</div>
<body>
</html>
¿Puedo usar div como hijo directo de UL?
Tengo este código:
<ul>
<div>
</div>
</ul>
No siento ningún problema en mi navegador render ... a confusión anterior?
Editar: Este enlace dice que puedo http://css-tricks.com/forums/discussion/11593/divs-inside-uls/p1
¿Cómo puedo evitar las bandas de gradiente CSS?
Comencé a usar gradientes CSS, en lugar de imágenes reales, por dos razones: primero, el gradiente CSS definitivamente se car ... epetitivo, transparente PNG imagen de ruido, que ayuda un poco. ¿Hay alguna otra forma de solucionar este problema de bandas?
Desactivar Twitter Bootstrap Navbar Animación de transición
Igual que http://twitter.github.com/bootstrap ,
El sitio en el que estoy trabajando ahora es responsivo.
Me gustaría elim ... rriba es la captura de pantalla de lo que estoy pidiendo.
En ESQUINA SUPERIOR DERECHA, hay un botón de menú de tres líneas.
Div desplazable para pegarse a la parte inferior, cuando el div exterior cambia de tamaño
Aquí hay un ejemplo de aplicación de chat - >
La idea aquí es que el .messages-container ocupe tanto de la pantalla co ... a usar css de tal manera, para expresar eso cuando .text-input-increases, quiero esencialmente shift up .mensajes-contenedor
¿Es: not (: hover) y: hover una forma segura de ocultar elementos accesibles?
A veces parece útil hacer que ciertos elementos de la página solo sean visibles en, por ejemplo, los flotadores. Un ejemplo e ... u otras fuentes?
*con seguridad quiero decir que el navegador siempre debe mostrar todos los elementos como último recurso.
Box-shadow y border-radius bug en Chrome
He estado experimentando con CSS3 y he encontrado algo extraño. Aquí está la parte del estilo DIV:
border:#446429 solid 1px ... a de la frontera:
Texto alternativo http://i45.tinypic.com/5doykw.png
¿Se supone que es así o me perdí algo importante?
Filas de igual altura en el diseño de cuadrícula CSS
Deduzco que esto es imposible de lograr usando Flexbox, ya que cada fila solo puede tener la altura mínima requerida para aju ... lo por cada fila. Básicamente, la "celda" más alta debe dictar la altura de todas las celdas, no solo las celdas de su fila.
Clase de tabla para tablas que, cuando son demasiado anchas, dividen todas sus celdas en filas
Estoy tratando de averiguar qué HTML / CSS necesito para obtener un cierto comportamiento de ruptura dependiendo de cuánto es ... emento en la siguiente línea. Los tres elementos deben ir directamente de ser todos en una línea a todos en líneas separadas.
Animación de altura máxima con transiciones CSS
Quiero crear una animación expand/collapse que solo funcione con classnames (javascript se usa para alternar los classnames). ... gítimo, solo ridículamente largos)
Ver el jsFiddle - http://jsfiddle.net/wCzHV/1 / (haga clic en el contenedor de texto)