1. 首頁
  2. 問答
  3. 如何在圖像上放置一個跨度

如何在圖像上放置一個跨度

2011-05-12 46 views

回答

12

變化的menu_label絕對位置，並添加position:relative到menu

http://jsfiddle.net/uc8jc/2/

來源

2011-05-12 23:23:09

+0

+1，我輸入完全相同的答案。 – 2011-05-12 23:24:55

+0

將'position：relative'添加到'menu'可以更好地將範圍居中。這是如何運作的？ – Leftium 2011-05-12 23:31:07

+0

當你添加位置：相對於菜單，它使跨度爲「絕對」引用自身，而不是參考整個頁面。 – 2011-05-12 23:31:44

3

使用位置：絕對;對於跨度而不是相對

來源

2011-05-12 23:22:32 Jordonias

+0

是的，但是爲什麼呢？該容器是靜態的（默認情況下）。所以作爲相對的跨度應該以正確的方式採用這種靜態的！？！？ – kwichz 2011-05-12 23:25:37

+0

您顯示的代碼將菜單的位置設置爲相對。因爲這個菜單是menu_label的容器。 menu_labels靜態位置位於圖像下方。通過使用position：absolute; menu_label的位置將相對於它的容器，並且將忽略容器中的其他對象。 注意：將對象位置設置爲絕對位置時，位置將相對於位置不是靜態的第一個父容器。 – Jordonias 2011-05-12 23:35:32

2

好像你感到困惑如何position: relative作品。

你已經有了：

position:relative; top:50px; left:5px;

那持倉低於50個像素它本來如果定位靜態的，其左邊緣5個像素的它本來的權利範圍的頂部。

來源

2011-05-12 23:24:02

相關問題

 相關問題