討論區列表 >> CSS/HTML5/Bootstarp >> position 在firefox 內定位失效
[]
[我要回覆]
1
|
|||||
|
|||||
樓主 Rakce 
 發送站內信 |
以下是css table {position: relative;} .tbc td ,.tbc th { width:220px; height:200px; position: relative; border-bottom-width:1px; background-color:#aaaaaa ; } .testdiv { background-color:#fff; opacity:0.8; width: 100px; height: 100px; position: absolute; top : 0 ; left : 0 ; z-index: 99999 } 此圖為正常在ie顯示  在ff顯示時，遮罩全跑到左上角去了  有試過在td 裡面加上 position: absolute; 遮罩是正常，但td內容的樣式會被改變，甚至td也會交疊在一起  又嘗試了在td 裡放一個div 設定為position: relative; 然後在該div裡放入遮罩，但效果不如預期。  請問該如果改善在firefox顯示失常的現象呢？ |
||||
5
16
538
22
| 1樓
作者回應
Rakce
|
報歉，小鋪好像會把網址的大小寫全改成小寫，但圖片空間的網址是有區分大小寫的，在直接貼上原始圖檔路徑
圖一 http://imageshack.com/a/img673/9710/5clqxm.jpg http://imagizer.imageshack.us/a/img673/9710/5clqxm.jpg 圖二 http://imageshack.com/a/img540/2586/4qm8vj.jpg http://imagizer.imageshack.us/a/img540/2586/4qm8vj.jpg 圖二 http://imageshack.com/a/img673/607/ulry6r.jpg http://imagizer.imageshack.us/a/img673/607/ulry6r.jpg 圖三 http://imageshack.com/a/img537/5752/ekpcfh.jpg http://imagizer.imageshack.us/a/img537/5752/ekpcfh.jpg
本篇文章回覆於2015-07-16 15:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
| 2樓 |
我覺得樓主還是把html的原始碼和css刪除不必要的部分後貼上來比較快
本篇文章回覆於2015-07-17 09:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
| 3樓
作者回應
Rakce
|
css：
table {position: relative;} .tbc td ,.tbc th { width:220px; height:200px; position: relative; border-bottom-width:1px; background-color:#aaaaaa ; } .testdiv { background-color:#fff; opacity:0.8; width: 100px; height: 100px; position: absolute; display:block; top : 0 ; left : 0 ; z-index: 99999 }
本篇文章回覆於2015-07-17 11:32
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
| 4樓 |
我用三個瀏覽器(ie、chrome、firefox)看起來畫面都是一樣的
中間最右邊的td中有一個div遮住左上四分之一大小的區塊 看起來沒有任何問題啊?
本篇文章回覆於2015-07-17 14:11
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
| 5樓
作者回應
Rakce
|
正常是中間最右邊的td 有個div遮住左上角
可是我的FireFox 該div 會跑到整個畫面的最左上角 FireFox 版本 3.6.28，之前有gOOGLE 過，查到的答案幾乎是說用div 取代table .....
本篇文章回覆於2015-07-20 11:11
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
1
| 回覆 |
| 如要回應,請先登入. |
