[Resolvido] border-radios nao funciona IE8 / IE9

[technohard 0]

bom dia pessoal,

 

estou com dificuldade de usar os recursos de HTML5 no IE8 e IE9

por exemplo o border-radios não é compativel

 

mas no chrome, mozilla, opera.... funciona normalmente

 

eu consegui fazer funcionar o IE com esse recurso a parte -> http://code.google.c...spec=svn20&r=20

 

porem acontece alguns bugs na hora de atualizar os registros no site... tipo .. abre normal funcionando tudo ... mas a medida que você vai clicando nas opcoes do site ... os divs perdem a cor ...

 

detalhe ... esse bug acontece somente no IE8 e 9

nos outros browser funciona tudo OK.

 

obrigado

[João Prado 64]

Algum link para vermos o problema?

 

Código HTML? Código CSS?

 

 

Sem isso não podemos te ajudar.

[technohard 0]

Algum link para vermos o problema?

 

Código HTML? Código CSS?

 

 

Sem isso não podemos te ajudar.

 

tem sim!

 

 

<style type="text/css">

<!--

 

body {

 

margin:0;

 

padding:0;

 

text-align:center; /* hack para o IE */

 

 

background-image: url(tractorsite/fundo.jpg);

background-attachment:fixed;

background-position:center;

background-repeat:no-repeat;

 

}

 

#tudo {

width:1000px;

margin:0 auto;

text-align:left;

 

}

 

#topo {

padding: 5px;

margin-left: 1%;

}

 

#menu {

padding: 5px;

margin-left: 13%;

}

 

#corpo {

text-align: center;

padding: 5px;

filter:opacity(alpha=60); /* para o IE */

 

}

 

 

/* jQuery lightBox plugin - Gallery style */

#gallery {

padding: 0px;

width: 160px;

background-color: #FFCC00;

border-radius: 10px;

}

#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {

border: 5px solid #3e3e3e;

border-width: 5px 5px 20px;

}

#gallery ul a:hover img {

border: 5px solid #fff;

border-width: 5px 5px 20px;

color: #fff;

}

#gallery ul a:hover { color: #fff; }

 

/* jQuery lightBox plugin - Gallery style */

 

#submenu {

padding: 5px;

text-align: center;

filter:opacity(alpha=60); /* para o IE */

margin-left: 1%;

}

 

#equipamentosTit {

padding: 5px;

text-align: center;

filter:opacity(alpha=60); /* para o IE */

background-color: #FFCC00;

border-radius: 10px;

 

}

 

#subMenuFiltro {

text-align: center;

filter:opacity(alpha=60); /* para o IE */

margin-left: 1%;

background-color: #CCCCCC;

border-radius: 10px;

height: 10%;

width: 500px;

}

 

#listaRegistros {

text-align: center;

filter:opacity(alpha=60); /* para o IE */

visibility:

visible

 

 

}

 

#registro {

text-align: center;

filter:opacity(alpha=60); /* para o IE */

background-color: #FFCC33;

border-radius: 10px;

 

}

 

#openRegistro {

text-align: center;

filter:opacity(alpha=60); /* para o IE */

margin-left: 2%;

visibility:

hidden

}

 

 

a:link {

color: #333333;

text-decoration: none;

}

a:visited {

color: #333333;

text-decoration: none;

}

#detalheOpen1 {

text-align: center;

filter:opacity(alpha=60); /* para o IE */

margin-left: 2%;

background-color: #FFCC33;

border-radius: 10px;

 

}

#detalheOpen2 {

text-align: center;

filter:opacity(alpha=60); /* para o IE */

margin-left: 2%;

background-color: #FFCC33;

border-radius: 10px;

 

}

#voltarLista {

text-align: center;

filter:opacity(alpha=60); /* para o IE */

margin-left: 2%;

background-color: #FFCC33;

border-radius: 10px;

 

}

 

 

-->

</style>

 

<link href="css/css.css" rel="stylesheet" type="text/css" />

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

 

 

 

<!-- Arquivos utilizados pelo jQuery lightBox plugin -->

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

 

<!-- Ativando o jQuery lightBox plugin -->

<script type="text/javascript">

$(function() {

$('#gallery a').lightBox();

});

</script>

<!-- Arquivos utilizados pelo jQuery lightBox plugin -->

 

 

 

<script type="text/javascript" src="DD_roundies_0.0.2a-min.js"></script>

<script type="text/javascript">

DD_roundies.addRule('#equipamentosTit', '10px', true);

</script>

 

<script type="text/javascript">

DD_roundies.addRule('#subMenuFiltro', '10px', true);

</script>

 

<script type="text/javascript">

DD_roundies.addRule('#registro', '10px', true);

</script>

 

<script type="text/javascript">

DD_roundies.addRule('#detalheOpen1', '10px', true);

</script>

 

<script type="text/javascript">

DD_roundies.addRule('#detalheOpen2', '10px', true);

</script>

 

<script type="text/javascript">

DD_roundies.addRule('#voltarLista', '10px', true);

</script>

 

<script type="text/javascript">

DD_roundies.addRule('#gallery', '10px', true);

</script>

 

 

<style type="text/css">

<!--

.style1 {color: #000000}

a:hover {

text-decoration: underline;

}

a:active {

text-decoration: none;

}

-->

</style>

</head>

[technohard 0]

resolvi o problema do bug ... faltava so organizar meu codigo

 

mas ainda preciso dessa biblioteca <script type="text/javascript" src="DD_roundies_0.0.2a-min.js"></script>

 

pra fazer o efeito que funciona normalmente nos outros browsers