>웹 프론트엔드 >HTML 튜토리얼 >DIV 배경 반투명 텍스트 불투명 스타일_HTML/Xhtml_웹페이지 제작

DIV 배경 반투명 텍스트 불투명 스타일_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:39:121660검색

DIV 배경은 반투명하고 DIV의 텍스트는 반투명하지 않습니다

코드 복사
코드는 다음과 같습니다. 다음:




레이어 배경도 반투명, 폰트 색상도 반투명

코드 복사
코드는 다음과 같습니다.

style="filter:alpha(opacity=50); background:#ffffff; width:600">레이어 배경은 반투명하고 글꼴 색상은 반투명하지 않습니다


******필터가 있는 레이어에는 너비 속성이 있어야 합니다. 그렇지 않으면 필터가 유효하지 않습니다. ********

CSS 스타일 필터(필터 효과)를 사용하여 일부 HTML 태그에 필터 효과를 설정할 수 있습니다.


예:
흑백 사진 필터: 회색
X선 사진 필터: Xray
바람 흐림 필터: 흐림(추가= true, 방향=45, 강도=30);
사인파 필터: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3)
반투명 효과 필터: Alpha( 불투명도 =50);
선형 투명도 필터: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140)
방사형 투명도 필터: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200)
흰색 투명 필터: Chroma(Color=#FFFFFF)
Reduce 색상 필터: 회색
부정 효과 필터: 반전
왼쪽 및 오른쪽 뒤집기 필터:
세로 뒤집기 필터: Flipv
투영 효과 필터:progid:dXImageTransform.Microsoft.DropShadow(color =# cccccc,offX=5,offY=5, positives=true);
모자이크 필터:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3)
글로우 효과 필터:progid:dXImageTransform.Microsoft.Glow (color =#cccccc,Strength=5)
부드러운 가장자리 효과 필터:alpha(opacity=100, FinishOpacity=0,style=2
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:textarea 텍스트 영역의 너비와 높이 너비와 높이는 구현 code_HTML/Xhtml_web 페이지 생성에 자동으로 적용됩니다.다음 기사:textarea 텍스트 영역의 너비와 높이 너비와 높이는 구현 code_HTML/Xhtml_web 페이지 생성에 자동으로 적용됩니다.

관련 기사

더보기