1. 首頁
  2. 問答
  3. 使Dom元素可見但不佔用頁面上的空間？

使Dom元素可見但不佔用頁面上的空間？

2009-11-09 128 views
8

什麼樣的CSS會產生一個元素，但瀏覽器不會考慮其他任何東西？這樣的事情可能嗎？使Dom元素可見但不佔用頁面上的空間？

我希望本頁上的鳥和狗不會影響文本的居中。 http://twitter-meme.appspot.com/

一些解決方案，我不喜歡：

  • 使一個單一的圖像，並將其設置爲背景圖片。 （然後我以一個大背景作爲背景）。
  • 絕對定位文本（呸）

來源

2009-11-09 Paul Tarjan

+0

該鏈接已死亡。 – 2014-07-09 11:49:43

回答

13

您可以通過父格設置爲position:relative，然後分別將圖像定位到left:0和right:0使用兩個圖像position:absolute。

來源

2009-11-09 10:21:29

+0

確實位置：相對於父母傷害什麼？ – 2009-11-09 10:29:43

+0

不需要。只要你沒有實際定位父母（頂部，左側，底部或右側），它就會像平常一樣行事。 position：relative實際上是默認行爲，但是明確地設置它允許您將子元素絕對定位到父級而不是文檔窗口。 – Binarytales 2009-11-09 10:49:29

+0

@Binarytales：確切地說，儘管你可以添加左邊：0，頂部：0，右邊：0或底部：0，他們沒有任何影響。 – 2009-11-09 10:52:12

0

上的方法可以是z-index。

這將讓他們漂浮，所以你可以放置在任何地方他們

來源

2009-11-09 10:22:02

+1

'z-index'一起工作與定位元素沒有關係，而不會佔用空間 – 2017-10-16 16:28:35

2

使容器具有位置：親屬;然後絕對地將圖像分別定位到容器。

來源

2009-11-09 10:22:28

相關問題

 相關問題