화면을 확대하던, 축소하던 네모창이 똑같은 크기였으면 좋겠어용... 어케하쥬?
본문
화면을 확대하던, 축소하던 네모창이 똑같은 크기였으면 좋겠어용...
어케할까요...ㅋㅋ
아래는 tail 파일에 있는 것들이고요,
<a href="#hd" id="banner1">상단으로</a>
<script>
$(function() {
$("#banner1").on("click", function() {
window.location.href = 'https://blog.naver.com/ansandata';
return false;
});
});
</script>
이거 아래는
default 파일 안에 있는 것들이야와요...
#banner1 a{display:inline-block;vertical-align:middle;margin-top:10px;margin-left:-20px}
#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
저건 브라우저 확대 축소로 줄이신거라 불가능할거 같습니다
배너 위치를 중앙기준으로 우측으로 이동시키시는게 좋을거 같네요
#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;
이런식으로 하시는게 좋을거 같네요
크기는 #banner1 a img{}태그로 하셔서 크기 고정하시고
ex ) #banner1 a img{width: ??px;}
위치는 style 부분 수정하셔야 하는데
#banner1{position:fixed;top:20%;right:-150px;} 부분 수정하셔야 할듯해요
사이트 링크가 없어서 직접적으로 무슨값을 넣어야 할지 설명하기가 애매하네요
답변을 작성하시기 전에 로그인 해주세요.