채택완료

이미지 위치 고정 시키는 방법좀

이모티콘을 오른쪽 박스 라인에 10px정도 떨어져서 폰이던 홈페이지던 사이즈맞게 이미지가 움직일려면 어떻게 해야하나요?

현재 이미지가 박스 오른쪽에서 많이 떨어져있자나요^^;;

0febc3b720c5285d2ef38b2300e43ab7_1492142277_5874.jpg
 

Copy
<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개

채택된 답변
+20 포인트

textarea 보다는

input 타입은 텍스트로 하시는게 좋을것 같구요, 그 인풋에 백그라운드 이미지 포지션으로 해보세요 ㅎㅎ

지금 혼자 앱솔루트로 띄워져 있어서 정확히는 모르지만 다른 모양이 보이는것 같네용

Copy
<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" />

코드처럼 포지션값을 변경해서 해보세용~~ 

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