지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > 반투명 요소 설정

반투명 요소 설정

php中世界最好的语言
풀어 주다： 2018-03-22 14:11:04
원래의
1434명이 탐색했습니다.

이번에는 반투명 요소 설정 방법을 알려드리겠습니다. 반투명 요소 설정 시 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다.

.opacity{ 필터:알파(불투명도=50);
/* IE */ -moz-opacity:0.5;
/* 불투명도를 지원하는 브라우저*/}

는 요소를 반투명하게 설정하는 데 사용됩니다. 

.filter = "alpha(opacity=" + opacity + ")";    
/* IE */ .MozOpacity = (opacity / 100);                 
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               
/* 老版Safari */ .opacity = (opacity / 100);                    
/* 支持opacity的浏览器*/
로그인 후 복사

Windows 플랫폼에서

images

크기를 조정하면 이미지 왜곡이 발생할 수 있습니다: 

img{-ms-interpolation-mode: bicubic;}
로그인 후 복사
IE. 이 기사의 사례를 읽은 후 방법을 마스터했다고 믿으십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트에 있는 다른 관련 기사를 주의 깊게 살펴보시기 바랍니다.

추천 도서:

html+css의 네 가지 숨기기 방법


선형 그라데이션 사용에 대한 자세한 설명


CSS 스타일에서 테두리 이미지 사용에 대한 자세한 설명

위 내용은 반투명 요소 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
요소 설정
원천：php.cn
이전 기사：CSS3 시각 효과 구현 다음 기사：CSS3 브라우저 호환성 문제
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
흰색으로 설정된 HR 태그가 반투명한 이유는 무엇입니까? 나는 HTML(부트스트랩 포함)과 CSS를 가지고 있습니다. 내 HTML에는 클래스가 있는 <hr> 태그가 있고 CSS에는 테두리 스타일이 있습니다. ...
에서 2024-04-06 16:13:26
0
1
500
고정 위치의 자식이 부모의 패딩을 무시함 고정 요소가 헤더 뒤로 이동하는 것을 방지하는 방법은 무엇입니까? 현재 코드 조각은 상위 항목에 padding-top을 사용합니다. 또한 추가 하위 항목에 mar...
에서 2024-04-06 11:42:51
0
1
338
웹 애플리케이션 및 PWA의 경험을 개선하기 위해 투명한 브라우저를 실행합니다. [정적 HTML, CSS 및 JavaScript 지원] [사용자가 웹 애플리케이션/PWA에서 데스크탑 배경화면을 볼 수 있도록 허용] 저는 현재 소켓을 사용하여 웹 애플리케이션(채팅)을 개발하고 있는 주니어 프런트 엔드 개발자이자 디자이너입니다. 나와 친구들이 사용하는 언어는 Scala, HTM...
에서 2024-04-05 13:50:12
0
1
1367
SKU를 사용하여 여러 제품을 "연결"하는 방법은 무엇입니까? WooCommerce의 SKU를 기반으로 두 개 이상의 제품 재고를 병합하고 싶습니다. 예: (동일한 재고를 공유하는 2개의 제품) 투명 휴대폰 케이스 iPhon...
에서 2024-04-05 08:53:52
0
1
3478
스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다. 스크롤할 때의 불투명도를 줄이고 랜딩 페이지에서 멀어질 때 배경 이미지를 가져오려고 합니다. 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추려고 합니...
에서 2024-04-04 23:50:53
0
1
1329
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿