ie에서 투명 효과 줄 때 조심할 것 한 가지

화면 전체를 가로 막고 그 위에 내용을 보여줘야 할 일이 있어서 투명 효과를 줬는데 안 먹는 것이다.

찾아 보니 ie8 이상에서는 -ms-filter를 써야 한데서 그렇게 해봐도 안되고 이런 저런 걸 다 해 봐도 안되었다.

그러다가 그라디언트+투명 효과를 찾아서 써 보니 되긴 하는데

가로막기(div 뒤의 내용에 클릭질 막기)가 안되는 것이다.

삽질 끝에 알아낸 원인...

width:10000px;height:10000px이 원인

3000px로 줄이니 된다.

120%로 결정 봤다.

  width:120%;

  height:120%;

  background-color:black;

  filter:alpha(opacity=50);