버튼을 누르면 오버레이가 나타납니다. Firefox에서는 오버레이가 빠르며 특별한 것은 없습니다. 하지만 IE7에서는 오버레이가 매우 느립니다. 왜 그런지 궁금 했어? 내가 버튼을 클릭하면CSS IE7 느린 오버레이
.DocOverlayShow
{
background: url("/Graphics/overlay bg.png");
top:0px;
left:0px;
width:100%;
position:fixed;
padding:10px;
}
.DocAddCommentBox
{
color: #000;
margin:0 auto;
margin-top: 200px;
width: 650px;
}
이 오버레이가 활성화 :
여기 내 CSS입니다. IE의 모든 것이 잘 작동하지만 오버레이가 너무 느립니다. 어떻게 된거 야?
편집 : 불투명도 및 필터를 사용할 때이 div의 모든 항목도 투명합니다. 이건 내가 싫어. 오버레이 div에는 다른 div (DocAddCommentBox)가 있습니다. 이 div에는 투명성이 없을 수 있습니다. 어떻게 해결할 수 있을까요?
편집 : 솔루션 :
.DocOverlayShow
{
background-color: #0057C3;
Opacity:0.5;
filter: alpha(opacity=50); /*IE*/
top:0px;
left:0px;
width:100%;
height: 100px;
position:fixed;
padding:10px;
z-index: 1000;
}
.DocAddCommentBox
{
background-color: #DBDBDB;
color: #000;
position: fixed;
margin:0 auto;
margin-top: 150px;
width: 450px;
z-index:2000;
}
및 HTML에
내가 사용했습니다 :<div class="DocOverlayShow"></div>
<div class="DocAddCommentBox">Content</div>
아래에서 찾을 수 있습니다. IE7에서 잘 작동하는 투명도 PNG를 어떻게 만들 수 있습니까? – Martijn
수 없습니다. 내가 할 것은 투명성을 위해 CSS를 사용하는 것이다. 불투명도를 다음과 같이 설정하십시오 : 'Opacity : 0.5;' 불행히도 IE에서는 지원되지 않으므로 맞춤 IE 속성 인 'filter : alpha (opacity = 50);'를 사용해야합니다. – ChadT
Thnx 시도해 보겠습니다. 모든 사이트가 그렇게합니까? 또는 .gif 또는 다른 것을 사용합니까? – Martijn