이미지 위치 고정 시키는 방법좀 채택완료
zkdlf
8년 전
조회 3,440
이모티콘을 오른쪽 박스 라인에 10px정도 떨어져서 폰이던 홈페이지던 사이즈맞게 이미지가 움직일려면 어떻게 해야하나요?
현재 이미지가 박스 오른쪽에서 많이 떨어져있자나요^^;;
</p><p> <style></p><p>.MW01{width: 25px; height :25px; float:right ; position: absolute; right:35px;top:2px; filter:alpha(opacity=0);cursor: pointer;}
.MW01 * {Margin:0; padding:0;}
.MW01{
right:35px;
}
@media screen and (max-width: 1660px) {
.MW01{right:180px;}
}
@media screen and (max-width: 1560px) {
.MW01{right:160px;}
}
@media screen and (max-width: 1460px) {
.MW01{right:160px;}
}
@media screen and (max-width: 1360px) {
.MW01{right:150px;}
}
@media screen and (max-width: 1160px) {
.MW01{right:150px;}
}
@media screen and (max-width: 830px) {
.MW01{right:90px;}
}
@media screen and (max-width: 630px) {
.MW01{right:80px;}
}
@media screen and (max-width:420px) {
.MW01{right:80px;}
} </p><p> </p><p>
textarea.autosize { width: 88%; min-height: 25px;}
.autosize * {Margin:0; padding:0;}
.autosize{
width:88%;
}
@media screen and (max-width: 1360px) {
.autosize{width:88% !important;}
}
@media screen and (max-width: 1160px) {
.autosize{width:84% !important;}
}
@media screen and (max-width: 830px) {
.autosize{width:82% !important;}
}
@media screen and (max-width:420px) {
.autosize{width:70% !important;}
}
</style> </p><p> </p><p><img class="MW01" src="/11111/img/12-2.gif" onclick='layerPop()' class="btn btn-red btn-sm">
</p><p><textarea name="wr_content" id="wr_content" class="autosize"placeholder="Write a comment....(写评论）"> </textarea> </p><p> </p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
8년 전
textarea 보다는
input 타입은 텍스트로 하시는게 좋을것 같구요, 그 인풋에 백그라운드 이미지 포지션으로 해보세요 ㅎㅎ
지금 혼자 앱솔루트로 띄워져 있어서 정확히는 모르지만 다른 모양이 보이는것 같네용
</p><p style="margin-left: 80px;"><style type="text/css"></p><p style="margin-left: 120px;">.demo {height:50px; background-image:url(img.demo.jpg);background-position:right center;<span style="font-size: 14.6667px;">background-repeat:no-repeat</span><span style="font-size: 11pt;">}</span></p><p style="margin-left: 80px;"></style></p><p style="margin-left: 80px;"><input type="text" class="demo" /></p><p>
코드처럼 포지션값을 변경해서 해보세용~~
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인