简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

CSS如何设置div半透明效果_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:31:20
원래의
1272명이 탐색했습니다.

CSS如何设置div半透明效果:
设置元素的透明度在很多应用中都有使用，下面就介绍一下如何设置一个元素为半透明，其他的透明效果自己衍伸就可以了。
代码实例如下:

 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{   filter:alpha(opacity=50);    opacity:0.5;   width:100px;  height:100px;  background-color:green;} </style></head><body><div></div></body></html>
로그인 후 복사

 

opacity属性所以标准浏览器都支持，但是IE8和IE8以下浏览器不支持此属性，于是就使用filter:alpha(opacity=50)进行兼容，opacity的取值是0-1,但是filter下的那个取值是0-100。opacity属性可以参阅CSS的opacity属性一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9651

更多内容可以参阅:http://www.softwhy.com/divcss/

 

관련 라벨：
CSS如何设置div半透明效果
원천：php.cn
이전 기사：设置TinyMCE在线HTML编辑控件只读_html/css_WEB-ITnose 다음 기사：项目中最常用到的颜色_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
투명한 div를 사용하여 페이지 배경 흐림 효과를 얻는 방법 투명한 div를 통해 배경을 흐리게 만들고 싶은 웹 페이지의 코드가 있습니다. 실제로 div를 반투명하게 만들고 싶습니다. div에 흐림 필터의 CSS를 추가해 ...
에서 2023-09-14 21:09:28
0
1
164
CSS 색상 변수에 투명도를 적용하는 방법은 무엇입니까? CSS 변수에 액세스할 수 있도록 전자로 앱을 디자인하고 있습니다. vars.css에 색상 변수가 정의되어 있습니다: :root{--color:#f0f0f0;} ...
에서 2023-08-20 18:51:07
0
1
184
마지막에 CSS 애니메이션을 최종 상태로 유지 CSS에서 opacity:0으로 설정된 일부 요소에 대해 애니메이션을 실행하고 있습니다. 불투명도를 0에서 1로 변경하는 키프레임을 사용하여 onClick 이벤트...
에서 2023-08-20 18:36:55
0
2
326
javascript - 반투명 없이 구성 요소를 완전히 숨기는 방법은 무엇입니까? 이제 숨겨진 구성 요소를 나타내기 위해 뷰어에 반투명 효과가 적용됩니다. 반투명 효과 없이 구성 요소를 완전히 숨길 수 있는 방법이 있습니까?
에서 2017-07-05 10:49:53
0
1
786
android - 두 레이아웃의 가장자리에 이미지를 설정하는 방법 그림과 같이 이러한 효과를 설정하는 방법은 그림이 두 레이아웃의 가장자리에 있습니다. 이 활동 아래에는 프레임 레이아웃을 사용하여 투명도를 설정하는 활동이 있습니...
에서 2017-05-16 13:34:07
0
2
628
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！