Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Micilini Roll

Efeito gradiente em opera e internet explorer ?!

Recommended Posts

pessoal eu tenho este efeito gradiente aqui:

 

background:-webkit-radial-gradient(#09C,#06F); 
background:-moz-radial-gradient(#09C,#06F);

 

ele funciona no chrome,firefox,safari e maxthon...mas no opera,explorer e netscape esse efeito nao funciona! ja tentei colocar desta maneira:

 

background:-o-radial-gradient(#3d3d3d,#000); 

 

mas mesmo assim nao funciona! alguem poderia me ajudar??

Compartilhar este post


Link para o post
Compartilhar em outros sites

ja tinha pensando nisso manó,mas no caso queria saber se isso é possivel no explorer entende?!?



precisa mais nao man! ja encontrei uma forma aqui! tudo que fiz foi entrar neste site:

 

 

 

e visualizar o codigo! dai aprendi que para explorer netscape e opera nao se chama radial gradient e sim linear gradiente dai eu peguei somente estes comandos:

 

background: -o-linear-gradient(#09C,#06F); /* Opera 11.10+ */
background: -ms-linear-gradient(#09C,#06F); /* IE10+ */
background: linear-gradient(#09C,#06F); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09C', endColorstr='#06F',GradientType=0 ); /* IE6-9 */

 

que por sorte serve para versões mais antigas do ie e apliquei!

 

Resolvido por min mesmo!



Maaas no netscape nao funcionou dei uma pesquisa rapida e descobri que o netscape usa nao foi atualizado desde 2006 ultima atualizacao foi em 2008 e de acordo com a pesquisa ele so aceita versao 2.1 do css entao cono efeitos gradientes sao da versao 3 pra cima ..entao a unica coisa mesmo é adicionar uma imagem!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá amigo

 

Copiei uma das linhas do codigo acima para poder resolver o problema do meu menu css no Internet Explorer

Mas nao consegui, podem me ajudar?

 

Segue codigo CSS do menu completo

 

#menu {
behavior: url(ie-css3.htc);
background:-moz-linear-gradient(top, #000, #999);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#999));
background: -ms-linear-gradient(linear, left top, left bottom, from(#000), to(#999));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#999',GradientType=0 ); /* IE6-9 */
border: 1px solid #000000;
height: 36px;
margin: 10px auto;
width: 980px;
}
#menu ul {
float: left;
list-style-type: none;
width: 100%;
position:absolute;
z-index:10;
}
#menu ul li {
border-left: 1px solid #000;
border-right: 1px solid #000;
float: left;
font: 15px/36px Verdana,arial,helvetica,sans-serif;
padding: 0pt 10px;
position: relative;
}
#menu ul li:hover{
background:-moz-linear-gradient(top, #039, #09c);
background: -webkit-gradient(linear, left top, left bottom, from(#ec0319), to(#000));
background: -ms-linear-gradient(linear, left top, left bottom, from(#ec0319), to(#000));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec0319', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
#menu ul li:hover ul{
left:0;
}
#menu ul li a {
display:block;
color: #fff;
font-weight: bold;
text-decoration: none;
}
#menu ul li ul {
position:absolute;
left:-999em;
top:36px;
width:220px;
background:#fff;
border:1px solid #ebebeb;
border-top:none;
}
#menu ul li ul li{
width:200px;
border-right:none;
border-left:none;
background:-moz-linear-gradient(top, ec0319, #999);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#999));
background: -ms-linear-gradient(linear, left top, left bottom, from(#000), to(#999));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#999',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #ebebeb;
border-top:1px solid #000;
}
#menu ul li ul li ul{
display:none;
}
#menu ul li ul li:hover ul{
float:left;
display:block;
position:absolute;
left:220px;
top:-2px;
border-top:1px solid #ebebeb;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.