레이어팝업시 이미지를 불러올 경로가 어떻게되나요?
본문
var curObj;
if (textFade.filters(0).status == 2) {
textFade.filters(0).Stop();
if (textFade.style.visibility == "hidden")
textFade.style.visibility = "visible";
else
textFade.style.visibility = "hidden";
window.setTimeout("toggleMultimedia()", 1); }
textFade.filters(0).Apply();
if (textFade.style.visibility == "hidden")
textFade.style.visibility = "visible";
else
textFade.style.visibility = "hidden";
textFade.filters(0).Play(); }
</script>
<div align="center" style="background-color:#efefef; width:200px; height:270px; position:absolute; left:270px;top:220px;filter:revealTrans(transition=23,duration=0.5);z-index:5;" id="textFade" onClick="toggleMultimedia()" style="cursor:hand; position: relative; border: 1px solid #555555;">
내용이 들어갈자리 이곳에 배경을 이미지로 주고 싶습니다.</div>
답변 2
아래 붉은색은 정리를 좀 하셔야겠네요.
<div align="center" style="background-color:#efefef; width:200px; height:270px; position:absolute; left:270px;top:220px;filter:revealTrans(transition=23,duration=0.5);z-index:5;" id="textFade" onClick="toggleMultimedia()" style="cursor:hand; position: relative; border: 1px solid #555555;">
내용이 들어갈자리 이곳에 배경을 이미지로 주고 싶습니다.</div>
배경을 넣으실때는.. div 안에 넣어버리면 됩니다.
<div align="center" style="width:200px; height:270px; border:1px solid #555555; background-image:url('./img/image.jpg'); position:absolute; left:270px; top:220px; filter:revealTrans(transition=23,duration=0.5); cursor:hand; z-index:5;" id="textFade" onClick="toggleMultimedia()">
내용이 들어갈자리 이곳에 배경을 이미지로 주고 싶습니다.</div>
background-color 를 넣으면 아마도 이미지위에 색을 덮어버려 보이지 않는게 아닌가 싶네요.
그래서 빼고.. position 을 두번 주셨던데.. absolute, relative.. 뭔지 잘모르겠네요.
아무튼.. div 안에다가 background-image 로 넣으면 배경이미지를 타일 방식으로 넣을 수 있습니다.
반복 타일을 쓰시지 않을려면 background-repeat:no-repeat; 코드를 추가해서 사용하시면 되겠네요.
많은 도움이 되었습니다. 감사합니다.