이미지 위치 고정 시키는 방법좀
본문
이모티콘을 오른쪽 박스 라인에 10px정도 떨어져서 폰이던 홈페이지던 사이즈맞게 이미지가 움직일려면 어떻게 해야하나요?
현재 이미지가 박스 오른쪽에서 많이 떨어져있자나요^^;;
<style>
.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;}
}
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>
<img class="MW01" src="/11111/img/12-2.gif" onclick='layerPop()' class="btn btn-red btn-sm">
<textarea name="wr_content" id="wr_content" class="autosize"placeholder="Write a comment....(写评论）"> </textarea>
답변 1
textarea 보다는
input 타입은 텍스트로 하시는게 좋을것 같구요, 그 인풋에 백그라운드 이미지 포지션으로 해보세요 ㅎㅎ
지금 혼자 앱솔루트로 띄워져 있어서 정확히는 모르지만 다른 모양이 보이는것 같네용
<style type="text/css">
.demo {height:50px; background-image:url(img.demo.jpg);background-position:right center;background-repeat:no-repeat}
</style>
<input type="text" class="demo" />
코드처럼 포지션값을 변경해서 해보세용~~
답변을 작성하시기 전에 로그인 해주세요.