CSS3 cambio de tamaño en WebKit / Safari
Pregunta
Estoy intentando utilizar resize
de CSS3 para hacer un div con posición absoluta de tamaño variable en Safari y Firefox Beta. No importa lo que no puedo parecer que para que funcione -? Hay situaciones que resize
no se puede utilizar
Solución
Con el fin de que funcione en Safari, que parece necesitar overflow:auto
aplicada a la div.
Además, el height
pantalla y width
de la div
actuarán como min-height
y min-width
.
Esto sólo funcionó para mí en Safari, no en Firefox 3.5.
<div id="box"> Nice box </div>
CSS:
#box {
/* important */
resize: both;
overflow: auto;
/* Styling */
background: red;
position: absolute; /* per the question */
top: 50px;
left: 50px;
width: 300px
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow