Как я могу изменить край изображения, которое внутри DIV

Вот мой кодКак я могу изменить край изображения, которое внутри DIV

<head> 
    <style> 
     /* Spritesheet is 2000 x 400 and has 5 frames horizontally */ 

     .crop { 
      width: 400px; 
      height: 400px; 
      overflow: hidden; 
     } 
     .crop img { 
      width: 2000px; 
      height: 400px; 
      margin: 0px; 
     } 
    </style> 
</head> 

<body> 
    <div class="crop"> 
     <img id="pic" src="spritesheet.png" /> 
    </div> 
</body> 

</html>

И я хочу, чтобы изменить край изображения с идентификатором pic в -400px с функцией.

источник

2014-10-21 Blake Nedved

вы можете сделать это с помощью этой функции:

function MoveImage() { 
    // using jQuery 
    $('.crop img#pic').css({ 'margin-top': -400 }); 
    // using javascript 
    // document.getElementById('pic').style.marginTop = '-400px'; 
} 

MoveImage();

jsfiddle

источник

2014-10-21 14:06:01

-1

#pic {Маржа: 20px; }

или какое бы значение вы ни хотели, вы бы нацелили изображение на свой ID, который вы ему дали. при таргетинге на элемент с помощью его идентификатора вы будете использовать # и когда вы будете нацелены на элемент через его класс, который вы использовали бы.

источник

2014-10-21 14:06:46 AaronH

с помощью javascript, а не CSS –

Как я могу изменить край изображения, которое внутри DIV

ответ

Смежные вопросы