2013-05-07 6 views
29

무엇이 잘못 되었습니까? #nav .dropdisplay:block;jQuery CSS 불투명도

jQuery(document).ready(function(){ 
    if (jQuery('#nav .drop').css('display') === 'block') { 
     jQuery('#main').css('opacity') = '0.6'; 
    } 
}); 
+2

이 jQuery ('# main')를 사용해보십시오. css ({ 'opacity': 0.6}); – Sudz

+0

드롭 다운 메뉴입니까? 아마도 드롭이'display : block'이 아니라면 숨겨집니다. 그래서 60 % 불투명도로 영구히 설정하지 않으시겠습니까? 또는 나는 무엇인가 놓치고 있냐? 이 작업 예제를 보는 것이 좋을 것입니다. –

답변

61
jQuery('#main').css('opacity') = '0.6'; 

이어야

jQuery('#main').css('opacity', '0.6'); 

업데이트 :

텍스트 상자에 입력하면입니다. 클릭하면 불투명도가 변경됩니다.

+0

예, 시간이 지나면 알았지 만 여전히 작동하지 않습니다. 다른 생각? – Mike

+5

불투명도 값은 문자열이 아니어야합니다. 'jQuery ('# main ') .css ('opacity ', 0.6);' – interboy

17

이와 시도의 경우 내가 불투명도를 변경하려면 :

jQuery('#main').css({ opacity: 0.6 }); 
10

이 시도 :

jQuery('#main').css('opacity', '0.6'); 

또는

jQuery('#main').css({'filter':'alpha(opacity=60)', 'zoom':'1', 'opacity':'0.6'}); 

당신이 IE7, IE8 등을 지원하려는 경우

.

-1

.css 대신 .animate를 사용하거나 불투명도 1을 사용하고 .css를 디스플레이에 그대로 둡니다. may b

jQuery(document).ready(function(){ 
if (jQuery('#nav .drop').animate('display') === 'block') { 
    jQuery('#main').animate('opacity') = '0.6';