div 내부에 그림이 없습니다.

Question

div에 사진이 있습니다. 아무리 열심히 노력해도 움직이지 않습니다. 나는 그것을 놓기 위해 다른 방법을 시도했지만, 그들 중 누구도 성공을 증명하지 못했습니다. 코드는 길고 나쁩니다 (저는 초보자입니다).하지만 이해할 수 있으면 좋겠고, 여러분 중 한 명이 도움을 줄 수 있기를 바랍니다.

#overclock { 
 
    left: 100px; 
 
    padding-left: 100px; 
 
    left: 20px; 
 
    vertical-align: middle; 
 
    align-content: center; 
 
} 
 

 
#bilde7 { 
 
    width: 33%; 
 
    height: 33%; 
 
    top: 162%; 
 
    left: 0%; 
 
    position: absolute; 
 
    background-color: #7e7e7e; 
 
    border-radius: 10px; 
 
    z-index: 3; 
 
    transition: ease-out 0.1s; 
 
} 
 

 
.bilde:active { 
 
    transform: scale(0.93); 
 
    transition: ease-in 0.05s; 
 
} 
 

 
.bilde { 
 
    animation: fadeInFromNone 1.2s; 
 
} 
 

 
.bilde:hover { 
 
    transform: scale(0.95); 
 
    transition: ease-in 0.2s; 
 
    border: 1px #b20000; 
 
}

<div id="bilde7" class="bilde"> 
 
    <a href="overclock.html"> 
 
    <img id="overclo" src="bilder/overclock.png" width="200" ; height="200" ;> 
 
    </a> 
 
</div>

도움말

주시면 감사하겠습니다.

Answer 1

id가 overclock 인 요소가 없습니다.

<img id="overclock" src="bilder/overclock.png" width="200" height="200">