圖像定位不起作用

我有問題在我正在處理的頁面上定位這兩個按鈕。我試圖讓點擊圖片鏈接更小。看起來絕對定位不是做它的工作或某事。圖像定位不起作用

頁：http://osuuskuntainfo.orgfree.com/saannot.html

<div id="yläreuna"> 

    <div id="etusivullenappi"> 

     <img class="bottom" src="/images/etusivullenappix.png" width="100%" /> 
     <a href="http://osuuskuntainfo.orgfree.com/index.html"><img class="top" src="/images/etusivullenappi.png" width="100%" /></a> 

    </div> 

    <div id="otsikko"><img src="images/säännöt otsikko.jpg" width="81%" alt="osuuskunnan säännöt" /></div> 

    <div id="pelisäännötnappi"> 

     <img class="bottom" src="/images/pelisäännötnappix.png" width="100%" /> 
     <a href="#pelisäännöt"><img class="top" src="/images/pelisäännötnappi.png" width="100%" /></a> 

    </div> 

</div>

CSS：

#yläreuna { 
    float: left; 
    margin-left: 0px; 
    width: 100%; 
    margin-bottom: 18px; 
} 

#etusivullenappi { 
    position: relative; 
    width: 13%; 
    float: left; 
    margin-top: 42px; 
    margin-left: 4%; 
    padding-right: 8%; 
} 

#etusivullenappi img { 
    -position: absolute; 
    -left: 0px; 
    -webkit-transition: opacity 0s ease-in-out; 
    -moz-transition: opacity 0s ease-in-out; 
    -o-transition: opacity 0s ease-in-out; 
    transition: opacity 0s ease-in-out; 
    top: 0px; 
} 

#etusivullenappi img.top:active { 
    opacity:0; 
}

來源

2014-03-26 Mr O

不知道你想達到什麼......也，圖像看起來更高的屏幕分辨率非常糟糕...... – sinisake

我還沒有得到最後的圖像飛機。這些只是一些草稿，使網頁的工作。我試圖讓點擊鏈接圖像更小。現在他們相互翻了一番。 –

'-position：absolute; -left：0px;'？爲什麼那裏破門而入？ – bjb568

您有：

-position: absolute; 
-left: 0px;

想必從供應商前綴錯字。這會導致財產未知，從而無法呈現。你應該寫：

position: absolute; 
left: 0px;

來源

2014-03-26 18:06:30 bjb568

：O wtf。對不起，愚蠢的帖子：D太累了。 –

圖像定位不起作用

回答

相關問題