Problema strane righe orizzontali usando border-radius

**CLIPPO1** · 20-09-2012, 08:30

Salve a tutti come da titolo ho un problema su IE 9 usando border-radius appaiono strane righe orizzontali nel colore di sfondo.
Posto il codice

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <style> .header{ margin:auto; margin-top:10px; padding:15px; background-color:#FF7F00; width:70%; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align:center; } </head> </style> <body> <div class="header"> <h3>Index</h3> 

Qui il contenuto</p> </div> </body> </html>

Ho usato anche il meta

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

I bordi risultano arrotondati ma il colore di sfondo è alterato da queste strane righe.
Sugli altri browser funziona tutto perfettamente.

**CLIPPO1** · 20-09-2012, 09:37

Scrivo di nuvo il codice

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
 .header{ 
margin:auto; 
margin-top:10px; 
padding:15px; 
background-color:#FF7FF0; 
width:70%; -moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px; 
text-align:center; 
} 
</style> 
</head> 
<body> 
<div class="header"> 
<h3>Index</h3> 


Qui il contenuto</p> 
</div> 
</body> 
</html>

Discussione: Problema strane righe orizzontali usando border-radius

Strumenti discussione

Ricerca discussione

Visualizza

Problema strane righe orizzontali usando border-radius

Permessi di invio