Firefox의 JQuery : 이미지가 검은 색이 아닌 다른 이미지에서 흐려집니다.

나는 이상한 종류의 문제가 있습니다. 나는 이미지를 희미하게하고 싶습니다. 코드는 작동하지만 페이딩 효과는 적어도 최신 Firefox에서는 f # # ed up으로 보입니다. 그러나 다른 사이트 (웹상)에서는 분명히 동일한 브라우저에서 잘 작동합니다. OK, 여기 내 코드입니다 :Firefox의 JQuery : 이미지가 검은 색이 아닌 다른 이미지에서 흐려집니다.

HTML :

<div class="fade"> 
    <img src="http://localhost/ami/wp-content/gallery/ami/400_1.jpg" alt="test" /> 
    <div class="firstpic"> 
    <img src="http://localhost/ami/wp-content/gallery/ami/400_2.jpg" alt="test2" /> 
    </div> 
</div>

CSS :

.fade{top: 115px; left: 290px; position: absolute; display: block;} 

.firstpic{position: absolute; top: 0px; left: 0px; display: none;}

자바 스크립트 : 나는 두 사업부의의를 가지고 :

$("#button").click(function(){ 
    $(".firstpic").fadeIn(800); 
});

그래서,이 설정은 매우 간단합니다 둘 다 절대 위치. "firstpic"클래스의 div는 "fade"클래스의 div에 있습니다. 둘 다 하나의 img 요소를 포함합니다. "firstpic"클래스의 div는 기본적으로 보이지 않습니다 (CSS 참조). 페이드 인 할 수 있습니다. 페이드 인하는 버튼을 누르면 실행됩니다 (자바 스크립트 참조). 그러나 멋지게 페이드 인하는 대신 검정색 배경으로 페이드 인합니다. 나는 그것이 "img"-Element 때문에있을 수 있다고 생각합니다. CSS 배경 이미지가있는 두 div를 사용할 때 멋지게 사라집니다. 그러나 img-Elements가 필요합니다. 그림의 크기를 조정해야하기 때문입니다. 도움이 될 것입니다. 감사.

출처

2012-03-26 lupor

나는 이것에 아무 문제점도 가지고 있지 않았다. 내보기 - http://jsfiddle.net/7xWWt/ – tjscience

다른 이미지가 아니라 검은 색 배경에서 색이 바래고 있습니다. 그럼 물론 괜찮아 보입니다. – lupor

이것은 최신 버전의 Firefox에서 자르기 시작한 문제입니다. 심상에게 CSS 배경을주십시오

출처

2012-03-26 20:26:14 charlietfl

고마워,하지만, 내가 아는 한 CSS를 통해 잘 작동하지 않는 이미지의 크기를 조정해야한다. 이 문제에 대해 더 많이 알고 있으며 곧 해결 될 것인가? – lupor

뭔가 새로운 것입니다 jQuery 포럼에서보고 시작하고 여러 사람들이 이미지를 배경으로 부여하여 해결 .... 크기 또는 크기 조정, 그냥 배경 CSS와 아무 관련이 없습니다 – charlietfl

고마워, 그게 효과가! – lupor

Firefox의 JQuery : 이미지가 검은 색이 아닌 다른 이미지에서 흐려집니다.

답변

관련 문제