1
我有4個簡單的img和h4,它們是針對第三方鏈接的。類projectImage2
重疊的其他3和多頁的是有針對性地點擊單擊目標區域重疊在目標上
<a href="https://eliottenos.github.io/eliott-game/"<div class="game"<h4>Game Application</h4></div></a>
<a href="https://github.com/eliottenos/filebucket-client"><img class="projectImage2"src="http://i.imgur.com/iiGiuX7.png"
title="FileBucket Application" /></a>
<a href="https://eliottenos.github.io/filebucket-client/"><div
class="fileBucket"><h4>FileBucket Application</h4></div></a>
<a href="https://github.com/eliottenos/eliott-game"><img
class="projectImage1"src="http://i.imgur.com/iiGiuX7.png" title="Game
Application" /></a>
我是認爲這可能是關閉扔它是CSS的唯一的事?
.game {
position: absolute;
padding-left: 250px;
padding-right: 250px;
padding-top: 130px;
}
.fileBucket {
position: absolute;
padding-left: 250px;
padding-right: 250px;
padding-top: 200px;
}
.projectImage2 {
height: auto;
width: auto;
top: 450px;
left: 440px;
max-width: 100px;
max-height: 70px;
position: absolute;
display: inline;
}
.projectImage1 {
height: auto;
width: auto;
top: 380px;
left: 440px;
max-width: 100px;
max-height: 70px;
position: absolute;
display: inline;
}
對不起,我不明白這個問題沒有看到你的意思,你可以複製問題或創建一個codepen或類似的演示? – Mindless
好吧,我可以告訴你,問題肯定與位置:絕對的,但我們不能看到整個圖片,或爲什麼你需要的位置:絕對。 – Mindless
@Mindless所以我做了一個codepen似乎沒有正確顯示,但你會明白爲什麼我使用絕對 - > https://codepen.io/eliottenos/pen/MvmwZw要得到更好地瞭解它被部署到eliottenos.com – eliottenos