테스트 사이트 - 개발 중인 베타 버전입니다

화면을 확대하던, 축소하던 네모창이 똑같은 크기였으면 좋겠어용... 어케하쥬? 채택완료

GiminRyu 7년 전 조회 1,378

화면을 확대하던, 축소하던 네모창이 똑같은 크기였으면 좋겠어용...

 

어케할까요...ㅋㅋ

 

</p>

<p> </p>

<p>아래는 tail 파일에 있는 것들이고요,</p>

<p>  <a href="#hd" id="banner1">상단으로</a></p>

<p><script>

$(function() {

    $("#banner1").on("click", function() {

  window.location.href = '<a href="https://blog.naver.com/ansandata';" target="_blank" rel="noopener noreferrer">https://blog.naver.com/ansandata';</a>

        

        return false;

    });

});

</script>

 </p>

<p> </p>

<p> </p>

<p>이거 아래는</p>

<p>default 파일 안에 있는 것들이야와요...</p>

<p>#banner1 a{display:inline-block;vertical-align:middle;margin-top:10px;margin-left:-20px}</p>

<p>#banner1{position:fixed;top:20%;right:-150px;background:#fff;width:500px;height:500px; background:url(../img/andata.png) no-repeat;text-indent:-9999px;overflow:hidden;opacity:0.8}

 

크기랑 위치를 딱 고정시킬수는 없는걸까요...?

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

저건 브라우저 확대 축소로 줄이신거라 불가능할거 같습니다

 

배너 위치를 중앙기준으로 우측으로 이동시키시는게 좋을거 같네요

 

#banner1{position:fixed;top:20%;leftbackground:#fff;width:500px;height:500px; background:url(../img/andata.png) no-repeat;text-indent:-9999px;overflow:hidden;opacity:0.8}

 

여기에

right:-150px 지우시고

left:50%; margin-left: 500px; 

 

이런식으로 하시는게 좋을거 같네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

T
7년 전

크기는 #banner1 a img{}태그로 하셔서 크기 고정하시고

ex )  #banner1 a img{width: ??px;}

위치는 style 부분 수정하셔야 하는데

#banner1{position:fixed;top:20%;right:-150px;} 부분 수정하셔야 할듯해요 

 

사이트 링크가 없어서 직접적으로 무슨값을 넣어야 할지 설명하기가 애매하네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인