Blogger中的CSS和HTML下拉菜單---在IE中懸停時不行爲;但完美在其他瀏覽器

我使用HTML CSS &增加一個下拉菜單欄到我的博客。Blogger中的CSS和HTML下拉菜單---在IE中懸停時不行爲;但完美在其他瀏覽器

的代碼是從My Blogger Lab與調整，以顏色等

我的測試網站是：http://practicedailygratitude.blogspot.com/

我很高興與它看起來在Chrome &火狐（下拉菜單真的只有一路100％爲關於，圖像和家DIY;其餘只是鏈接）。

我有IE中的下列問題（我想7,8和64位）：

在資源管理器中，下拉菜單被顯示出來，幾乎透明的背景（I可以看到後的他們身後文本）
在資源管理器的下拉如此之快，我不能懸停或挑選一個選擇。
在Safari中，鏈接不活躍，下拉菜單下出現在懸停。

我一直在尋找兩個星期，並嘗試不同的調整&建議從其他職位，但我不知道如何使它在IE中工作。她的博客的追隨者

我不使用IE瀏覽器，但30 +％的人，所以我需要做出調整，我只是完全的想法（我已經達到了我的能力），在這一點上。

在Chrome瀏覽器中，我已經能夠調整代碼，使其完全按照我想要的方式調整代碼（在下拉框中懸停在標題中的標誌橫幅上）。

注意：此代碼要求將html小工具放在博客帖子部分的頂部，而不是標題，所以這就是爲什麼我更改了一些邊距等，以便讓下拉移動並「看起來正確「後面有標題圖片。

這裏是我所看到的：

enter image description here

的主題很簡單，從博客喬希·彼得森。這是Blogger中爲數不多的幾個選擇之一----我沒有修改它;我只能通過1個HTML控件我的後段在上面添加再有就是爲模板先進的CSS標籤修改----這就是我到高級，然後選擇「添加CSS」，並從我的Blogger實驗室添加CSS （只更新顏色並移動，以便覆蓋標題）----看起來CSS將自己添加到SIMPLE模板中。

HTML用於控件：http://practicedailygratitude.blogspot.com/2012/09/my-blogger-lab-html-code-for-widget.html

CSS：http://practicedailygratitude.blogspot.com/2012/09/my-blogger-labs-css-i-modified-for.html

在博客http://practicedailygratitude.blogspot.com/2012/10/simple-template-from-blogger.html

來源

2012-10-01 Emily M

它適用於我在IE上，無論版本。確保你不在怪癖模式。（F12來檢查） – Caelea

非常感謝你的迴應Caelea。我檢查了我的IE 7標準。我附上上面的屏幕截圖----下拉菜單出現（有時），然後立即嘗試做出選擇。它還在IE中顯示一個alt標籤，並不會顯示在其他瀏覽器中。我仍然無法懸停或從下拉列表中選擇任何東西 - 它消失得太快。我還不確定我在做什麼錯，它在IE中適用於你，但不適合我。我應該使用什麼DOC類型？它可能與此有關嗎？謝謝。 –

這需要關閉，因爲本地化。如果您的問題不能在沒有圖片或外部網站鏈接的情況下提出，則不能在此處詢問。我們不應該打開您的網站並檢查其來源以回答您的問題。 – meagar

簡單的模板，我接過來一看你的代碼，它首先需要清理。通過清理，我的意思是語法錯誤在您的標記：http://validator.w3.org/check?uri=http%3A%2F%2Fpracticedailygratitude.blogspot.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

這裏有很多錯誤，可能會導致您遇到的問題。

如果在清理後仍然看到問題，則應該將其作爲IE7上常規的z-index問題處理。如果您在包含該菜單的所有父元素上放置了position: relative;和z-index: 500;，則可以解決此問題。所以，去divdiv並添加position和z-index規則。由於菜單的z-index值爲500，因此它的父級必須爲該規則定義一個值，該值必須等於或大於子元素 - 在本例中爲菜單。這將解決菜單背後的內容問題（我已經在網站的當前狀態下對其進行了測試）。

在旁註中，您的頁面上聲明瞭以下標籤：<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>。這樣做會強制Internet Explorer 8+使用IE7兼容模式呈現頁面。我想你想要刪除這個標籤。

讓我知道這是否幫助你。

來源

2012-10-02 11:11:57

謝謝！我今天會試試這個，讓你知道！ –

謝謝！我試了幾個小時。我認爲這些錯誤是指原來的博客模板，或者是我直接複製的小部件的html或CSS。我嘗試過，但我認爲我沒有足夠的技巧來進行編輯。當我試圖在博客模板中進行編輯時，我崩潰了。我試圖更新Z-index＆positions（你的意思是編輯任何元素的CSS和添加屬性（如帖子正文，帖子標題），它們出現在下拉菜單的頂部，或者只是爲現有的菜單元素做？）只有當博客文章被移動時，下拉菜單才能讓我在IE中懸停/選擇。謝謝。 –

對不起，但我不能沒有訪問的文件更多的幫助。你是否構建了這個主題，或者你是否將它下載到某個地方？ –

Blogger中的CSS和HTML下拉菜單---在IE中懸停時不行爲;但完美在其他瀏覽器

回答

相關問題