arrotondare angoli immagine con CSS

ciao a tutti volevo chiedere se è corretto scrivere nel linguaggio CSS questa parte di codice:

.logo {
height: 98px;
width: 900px;
background-image:
border-radius;  /*comando x smussare gli angoli*/
}

perchè l'ho trovato in una guida ma non funziona..

[sevenjeak]

La proprietà border-radio credo che sia ancora in fase di testing, da parte della W3c ( potrebbe anche funzionare solo su alcuni browser ), dovrebbe sostituire la proprietà -moz-border-radius che purtroppo risulta invalida da qualunque validatore CSS.

Se non hai interesse a scrivere un codice valido, ma solamente funzionante, dovresti utilizzare queste proprieta:

-moz-border-radius: <!-- Arrotonda sia i bordi superiore che inferiori -->
-moz-border-radius-topleft <!-- Arrotonda solo il bordo superiore a destra -->
-moz-border-radius-topright <!-- Arrotonda solo il bordo superiore a sinistra -->  
-moz-border-radius-bottomleft <!-- Arrotonda solo il bordo inferiore a destra -->
-moz-border-radius-bottomright <!-- Arrotonda solo il bordo inferiore a sinistra -->

Altrimenti esistono altre soluzione per creare bordi arrotondati

Altrimenti esistono altre soluzione per creare bordi arrotondati

ma sempre con il CSS o no??

[saitfainder]

ma sempre con il CSS o no??

No, con delle altre soluzioni molto più complicate (sfondi, div, ...)

e con photoshop è possibile perchè al massimo modifico l'immagine :D
ma anke lì sono impreparato XD

La proprietà border-radius è supportata solo da firefox, chrome e safari essendo però in fase di test nella validazione appare come un errore.

[dementialsite]

La proprietà border-radius è supportata solo da firefox, chrome e safari essendo però in fase di test nella validazione appare come un errore.

Più correttamente: nessun browser ancora supporta la proprietà "ufficiale" border-radius (e figlie). Se ne possono inserire di equivalenti, che però funzioneranno solo per i browser che le riconoscono.

Vedi: http://css.flepstudio.org/css3/border-radius.html

Stammi bene...

[saitfainder]

Lo supporta anche Opera 10.50

[sevenjeak]

ma sempre con il CSS o no??

Certo, sempre con i css, ad esempio come puoi vedere qui:

http://juliusdesign.wordpress.com/20...-il-css-e-div/

Ma io più che altro intendevo dire che è possibile utilizzare anche Javascript, ad esempio, io che sto rinnovando il sito utilizzando prevalentemente javascript utilizzo questa classe per arrotondare l'elementi del sito:

http://www.html.it/articoli/niftycube/index.html

Ma basta disattivare javascript e l'effetto svanisce.

A questo punto puoi: o impedire che l'utente vedi la pagina quando non ha attivato javascript ( con il tag <noscript> ) o utilizzare la soluzione con i css