Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde.
Seguinte... to finalizando um trabalho em tableless e nele tem um dropdown menu com efeito alpha opacity...
consegui fazer funcionar usando css e ficou dessa forma.
O problema é que na hora de validar o css e o xhtml no W3C ele acusa esse erro:
#menu_dropdown li ul __ Parse Error Opacity=70, FinishOpacity=100, Style=1, StartX=0, StartY=90, FinishX=0, FinishY=5)
#menu_dropdown li ul __ Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.85
usei esse código p/ dar o efeito alpha no menu... um cod. p/ o IE e outro p/ FF & MZ.
O código que to usando por enquanto é esse:
#menu_dropdown li ul {
background:#C93B0E;
filter: alpha(Opacity=70, FinishOpacity=100, Style=1, StartX=0, StartY=90, FinishX=0, FinishY=5); / alpha IE /
opacity: 0.85; / alpha FF & MZ /
}
Depois fuçando nuns outros tópicos e recebendo retorno do pessoal, me indicaram o uso de JQuery pra resolver isso. Tentei usar alguma coisa do cod. que usei em CSS e altera-lo, entao ficou assim:
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#teste").load("mouseenter",function(){
$(this).animate({opacity:0.6, finishopacity:0.3, style:1, startX:90, startY:90, finishX:10, finishY:0.10},300);
});
});
</script>
Com isso ae em cima, funciona só até a opacidade com valor 0.6 (em 0,3s), mas o restante ele não interpreta... ou seja, fica com opacidade homogênea, sem efeito gradiente... e outra, ele só funciona quando clica com o mouse (devido o evento mouseenter)...
Como resolvo isso, deixando com efeito alpha gradiente tanto pra IE qto pra outros??
Outra dúvida e parecida com essa é sobre como ocultar os scroll (x e y)... tbm consegui com css, mas não valida no W3C.
O erro que dá é esse: Property overflow-x doesn't exist in CSS level 2.1 but exists in [css3] : hidden
O código que to usando é esse:
html {
overflow-x: hidden;
overflow-y: hidden;
}Obrigado.
Rafael
Carregando comentários...