1. 首頁
  2. 問答
  3. FF4 - CSS zindex問題

FF4 - CSS zindex問題

2011-04-19 205 views
0

我在頂層有一個div，但在這個div下有用戶需要點擊的控件。它在IE和FF3中工作得很好，但使用ff4我無法點擊控件。我可以通過標籤訪問它們。FF4 - CSS zindex問題

<html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
     <title>Untitled Page</title> 
     <style type="text/css"> 
      #ShoppingCart 
      { 
       z-index:5; 
       position:absolute; 
       text-align:right; 
       width:100%; 
       max-width:1024px; 
      } 
     </style> 
    </head> 
    <body> 

    <div> 
     <div id="ShoppingCart"> 
     <input id="SHoppingCartBut" type="submit" value="Shopping Cart" /> 
<br /> Goes HERE<br /> You Have ITEM COUNT HERE 
     </div> 
     Choose the Item to order: 
     <select id="Select1"> 
      <option>Item 1</option> 
      <option>Item 2</option> 
     </select><input id="Submit1" type="submit" value="submit" /> 
    </div> 

    </body> 
    </html>

來源

2011-04-19 Chad

+1

請問您可以顯示您的代碼。 – wdm 2011-04-19 13:34:47

+0

是的，你需要顯示你的代碼。理想情況下，還可以創建一個[jsFiddle測試用例]（http://jsfiddle.net/）。 – thirtydot 2011-04-19 13:39:49

回答

1

AFAIK'沒有點擊問題'實際上是正確的功能。

爲什麼不溝通witdh: 100%並使用right:0px？這對我來說工作得很好......

http://jsfiddle.net/tRNJD/

來源

2011-04-19 19:06:14

+0

:)這實際上解決了我的問題。沒有什麼比解決問題更重要。謝謝 – Chad 2011-04-19 19:31:20

0

在ShoppingCart div上設置pointer-events:none以允許點擊次數下降。

來源

2011-04-19 16:20:39

+0

這不允許我點擊Div內的購物車鏈接。我知道我沒有在示例中包含鏈接，我只是做了一個快速標記，應該包含這一點。 – Chad 2011-04-19 17:10:36

1

絕對定位的元素被從正常流動，允許其他元素奮起並覆蓋按鈕刪除。這是問題，但可以通過多種方式處理，但我不明白使用AP或z-index的目的。

來源

2011-04-19 19:31:03 Rob

+0

樣本被簡化了。 z索引正在被使用，以便它出現在主內容div中和下拉列表菜單下的所有內容之上。它需要絕對定位，因爲浮動擾亂了主要內​​容的流向。 – Chad 2011-04-19 19:37:52

相關問題

 相關問題