Como se hace este div con borde difuminado ??

[jonysi_d]

Alguna orientacion de como se hace este tipo de difuminado del borde del div ????

http://www.a b o g a d o s v i e n t r e d e a l quiler.com/

[Fann_Lavigne]

Es una imagen de fondo en el div.

http://www.abogadosvientredealquiler.../sheet_end.png

[danneg]

es sierto pero puedes usar css3

div {
border-radius: 10px;
box-shadow: 0 0 15px #ddd;
background: #fff;
}

compatible con chrome, safari, moz firefox y opera, usando -moz- y -webkit-

[cristian_cena]

Hola jonysi_d. Siguiendo con la sugerencia de danneg, nada, comentarte que he realizado un ejemplo utilizando:

border-radius: 10px; /*propiedad CSS3*/
-ms-border-radius: 10px; /*para IE 8*/
-moz-border-radius:10px; /*Firefox*/
-webkit-border-radius: 10px; /*WebKit y Safari*/
-khtml-border-radius: 10px;
behavior: url(border-radius.htc);/*IE*/

Lo pueden ver aquí: http://www.inicio2770.com.ar/borderR...edondeadas.htm

Restaría que utilizes box-shadow o alguna imagen con repeat en su reemplazo.
Si te interesa te subo el ejemplo a mediafire.

Saludos!

[jonysi_d]

Muchas gracias ha sido de gran ayuda

Por cierto Cristian_cena, el vinculo que has puesto esta roto o no existe la pagina destino

[cristian_cena]

Oops disculpas jonysi_d, ahi reparé el link.

[danneg]

bueno esas especificaciones ya quedaron atras

-ms- nunca sirvio

-kthml- se descontinuo por que conquerror ya lo lee a bien "border-radius"

y lo demas si funciona

pd y opera ya lo lee bie igual

[cristian_cena]

Muchas gracias por la info danneg:
- Solo dejaré el .htc para ie
- Le diré adios al khtml (¿que pasara si el usuario tiene versiones anteriores?).
- Ahora, mi versión de opera (que no es la ultima) no toma border-radius y desconozco como hacer que opera tome esta propiedad.

Saludos!

[alexk]

cristian_cena
haz probado

Código CSS:

behavior: url(border-radius.htc);/*IE*/
 

en IE6 o en ietester?...
por que almenos en mi IE6 de fabrica pasa de el... (sin mencionar que behavior no es una propiedad CSS y por tal invalida nuestro codigo)

la mejor solucion es la de Fann_Lavigne es una simple imagen, valido y crossbrowser, sin hacks vamos como debe ser...

PD: Aun que otra opcion es jquery, pero con riesgo de que tengan inhabilitado el JS pero podras usar cualquier propiedad CSS3 en cualquier navegador chao!...

[cristian_cena]

Acabo de probar en una pc con ie6 y behavior da problemas tal como indicas. Había sido que no se puede confiar en IE Tester.
Veré como hacerlo con jquery, en zoneart creo vi un ejemplo xD. Gracias!
Saludos!

[danneg]

busca una extencion llamada corners de jquery, ayuda mucho

y el codigo una vez lo utlize y si funciono, y tambien fue la alternativa para opera

no se que este mal en el codigo

por que tembien afecta a ff y safari

pero como quiera ya paso de moda y hay que irnos actualizando

te dejo el enlace a la extencion de jquery para esquinas redondas

http://www.malsup.com/jquery/corner/

lo mejor es qque tu css valida

[cristian_cena]

Gracias danneg y alexk acabo de implementar esa solución de jquery y funciona de 10!