코드/Html & CSS

[CSS]투명도 상속

Yeah-Panda 2016. 2. 23. 15:39

ie8 에서 부모 객체에 투명도를 줘도 자식객체는 투명도가 전혀 먹히지 않는 경우가 있다

부모에게 absolute 포지션이 들어가는 경우 그럴 수가 있는 듯


출처 : http://stackoverflow.com/questions/6145061/is-there-any-way-to-have-opacity-apply-to-absolutely-positioned-child-elements-i


.parent{
	position: absolute;left: -1px;top: -1px;
	width: 258px;height: 327px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
.parent *{
	filter:inherit;
}

어찌 되었건 이리 하면 해결 되더라

'코드 > Html & CSS' 카테고리의 다른 글

[css]투명도 애니매이션 텍스트 깜빡임  (0) 2016.02.23
[HTML] i tag  (0) 2015.08.19
Html 특수문자 코드  (0) 2015.08.07
pre 자동줄바꿈  (0) 2015.06.19
ie7 height: 100% 버그  (0) 2014.04.17