IE6에서 불투명도와 JQuery의 놀라운 조합-JS 튜토리얼-php.cn

IE6에서 불투명도와 JQuery의 놀라운 조합

PHPz

풀어 주다： 2018-09-28 16:21:09

원래의

1113명이 탐색했습니다.

그룹에서 누군가 불투명도가 IE6을 지원하지 않는지 묻는 페이지를 게시한 것을 봤습니다. 좋은 지원 방법이 있나요? 처음 포스팅을 했을 때 jq 라이브러리가 사용되는 걸 보고 바로 지원해야겠다는 생각이 들었습니다. 그런데 이 답변을 보고 많은 분들이 CSS 필터를 사용하여 답변해 주셨습니다. 일부는 놀랐습니다. JQ가 불투명도를 지원하고 IE6과 호환된다는 사실을 모두가 알고 있지 않습니까? 처음에 그들은 그것을 믿지 않았습니다. JQ를 함께 사용하는 방법. 그래서 나는 그들을 위해 간단한 코드를 작성했습니다.

코드는 다음과 같습니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
<style type="text/css">
.aa,.bb{width:200px; height:200px; margin:10px; background-color:#000}
.bb{background-color:#F00; opacity:0.5}
</style>
<script type="text/javascript">
    $(function(){
        $(".aa").css("opacity",0.1)    
    })
</script>
</head>
<body>
<p class="aa"></p>
<h2>JQ版</h2>
<p class="bb"></p>
<h2>CSS版</h2>
</body>
</html>

로그인 후 복사

위 코드를 복사해서 실행하면. 당신은 알게 될 것입니다. 첫 번째 블록은 IE6에서 투명합니다.

나도 원리를 모른다. JQuery 자체에서는 이미 이러한 호환성을 고려하고 있어야 합니다. 단지 아무도 그것을 눈치채지 못했을 뿐입니다. 알림을 드리려고 여기 왔습니다.

PS: 일부 컴퓨터에서는 IETester 버전 IE6 보기가 투명하지 않습니다. 이는 IETester 문제여야 합니다. 테스트 결과 체계적인 차이점이 발견되지 않았습니다.

더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼

을 방문하세요.