'Web/CSS' 카테고리의 글 목록

Web/CSS

2018. 2. 21. 17:45

투명한 DIV가 필요한경우 background-color: rgba(255,255,255,0.4);

RGBA다.. RGB가 아니고.. 알파값을 주는 방법이다.

투명하게 설정하는 방법이 여러가지가 있는데 이경우는 해당 레이어만 반투명이 적용 되는 케이스이다.

레이어가 자식으로 가지고 있는 객체는 투명해지지 않는다.

DIV 가로/세로 중앙에 위치하기 (0)	2018.02.21

2018. 2. 21. 17:42

가변적인 브라우저의 크기의 경우 특정 DIV를 정중앙에 위치시킬 때 관련 블로그에 내용이 상당히 많이 나와 있긴하다.

예를 들면 iniline-block로 해서 문자로 인식하게 해서 text-align Center를 준다던가...(이러면 안에 모든 텍스트가 중앙정렬된다 ㅠㅠ)

이것 저것 고민하다가 아래와 같은 css 코드로 해결하였다.

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);

반투명한 Div 만들기 (0)	2018.02.21

PREV 1 NEXT