台灣最大程式設計社群網站
線上人數
1462
 
會員總數:246138
討論主題:189722
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> position 在firefox 內定位失效
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
position 在firefox 內定位失效
價值 : 120 QP  點閱數:786 回應數:5
樓主

Rakce
初學者
5 16
538 22
發送站內信

有一個表格(<table></table>)裡面的欄位會放入一個div 當遮照,所以該div需要將整個td欄位檔案,但效果在firefox卻無法出現
以下是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顯示失常的現象呢?

搜尋相關Tags的文章: [ div ] , [ position ] ,
本篇文章發表於2015-07-16 15:02
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樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
我覺得樓主還是把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樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
我用三個瀏覽器(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

回覆
如要回應,請先登入.