답변 2개 / 댓글 1개
일단 제이쿼리가 선언돼 있지 않아서 스크립트가 작동하지 않습니다.
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
추가해 보시고 다시 테스트해 보세요.
컴아저씨닷컴<!DOCTYPE html>
<html>
<head>
<title>My page</title>
<style>
/* CSS 내용 */
.image-layer {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
}
</style>
</head>
<body>
<!-- HTML 내용 -->
<div class="image-layer">
<img src="http://i.imgur.com/sFIVznp.png" alt="floating image">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.