나는 일부 웹 페이지 제작 기술을 알고 있기 때문에 오랫동안 반투명 PNG 파일이 IE6에 표시하는 데 문제가 있다고 들었지만 실제로는 실제로 접지한 적이 없기 때문에 결코 발생하지 않았습니다.
올해 초에 내 웹 사이트를 만들기 시작했습니다. 웹 사이트 로고를 만들기 위해 투명한 부분이있는 PNG 사진을 사용했습니다. 어느 날 Get Off Work에서 돌아와서 Google Analytics 백엔드를 열었을 때 IE6의 방문은 실제로 40%의 충격을 받았으며 인터넷에서 IE6의 녹색 버전을 벗어났습니다. 웹 사이트. 확실히 충분히 로고는 완전히 불투명했습니다.
그래서 나는 밤새 솔루션을 검색했습니다. 일반적으로 온라인 방법은 CSS 필터, JS, GIF 교체 등을 포함하여 더 복잡합니다. 그러나 나는 항상 그것이 아름답 지 않다고 생각합니다. 마침내 검색 후에는 2 개의 JS 코드로만 원활하게 해결할 수있는 솔루션을 찾았습니다. 다음으로, 당신과 공유하십시오
먼저 내 웹 사이트에서 iepng.js를 다운로드하십시오
http : // www
귀하의 웹 사이트가 반투명 PNG를 배경 요소 ID로 로고로 사용하는 경우 <head> </head> 사이에 추가하십시오.
| <!-ie6 png fix-> <script type = "text/javaScript"src = "templates/js/iepng.js"> </script> <script type = text/javaScript> evpng.fix ( '#logo'); </script> |
마지막으로 투명 PNG를 FOO로 배경 DIV ID로 사용하는 경우 다음과 같이 작성해야한다고 설명하겠습니다.
| evpng.fix ( '#foo'); |
투명한 PNG를 배경 DIV 클래스로 바로 사용하는 경우 다음과 같이 작성해야합니다.
| evpng.fix ( '. bar "); |
구문은 CSS와 동일합니다. 좋아, 웹 사이트 구축 기술을 계속 교환하고 싶습니다.
이 기사는 Tianniu.com (www.hers99.com)의 웹 마스터 Wangzai에 의해 원래입니다
그의 공헌에 대해 Wangzai 에게 감사드립니다