CSS：絕對定位的圖像 - 但它不在頂部

我試圖在我的一個網站上放置一個功能區圖像。不幸的是，我無法弄清楚爲什麼它不能像我想要的那樣工作。我用position: relative;和position: absolute;做所有的定位的東西，但問題是圖像不上邊：CSS：絕對定位的圖像 - 但它不在頂部

Ribbon

我用下面的代碼：

.ribbon { position: relative; } 
.ribbon h3 { 
    background: url("images/ribbon.png") no-repeat scroll 0 0 transparent; 
    color: #FFFFFF; 
    font-family: Tahoma,arial,serif; 
    font-size: 1.4em; 
    height: 34px; 
    padding: 7px 0 0 17px; 
    position: absolute; 
    right: -36px; 
    width: 244px; 
    z-index: 200; 
}

如果你想採取看看網站，你可以做到這一點on this link（用戶：TMP /關：tmpuser）。

它應該是這樣的：

Ribbon

非常感謝您的幫助！ Dennis

來源

2011-04-07 dennis3484

該鏈接提供了404錯誤（「糟糕！無法找到頁面！」）。 – 2011-04-07 20:14:18

截圖是你想讓它看起來像什麼樣或它是如何出現的？ – Anthony 2011-04-07 20:15:23

@Peter Of The Corn：鏈接適用於我，但請嘗試[這一個]（http://www.praxis-korbach.de/）（相同的用戶/通行證）。 – dennis3484 2011-04-07 20:21:38

它看起來像外部的DIV寬度太小，不適合所有，它推動圖像下來。

嘗試設置主/包裹DIV的寬度爲更大的寬度，看看是否有效。

來源

2011-04-11 20:08:59 Satch3000

CSS：絕對定位的圖像 - 但它不在頂部

回答

相關問題