Drupal：IE兼容性問題

我在Drupal 6中創建的網站遇到問題，但在IE中不兼容。任何熟悉Drupal的人都會介意快速瀏覽一下該網站，並告訴我有沒有什麼東西會跳出來？Drupal：IE兼容性問題

http://freespiriteurodesign.com.b1.bloomsite.net/

這可能是一個CSS：「盤旋」，「浮動」或「顯示」的問題，但什麼是真正困惑我的是，它看起來像重複一次，彼此相鄰的圖像 - 讓我解釋一下，（總共有6幅圖像，其中三幅疊加前三幅創建懸停效果）在IE中，它看起來總共有12幅（圖像和疊加層重複），這就是爲什麼它會將浮動圖像推到下面彼此。它顯示在Firefox正確，如果它有助於看看是什麼是假設看起來像那裏。我在任何論壇上都一直在尋找類似的問題，但沒有遇到任何問題。

我只是在想也許有人非常熟悉的Drupal可能會認爲它看起來像的東西，他們已經處理之前，給我一個起點......

PS。（哦，是的，我想弄清楚實際問題是什麼，而不僅僅是使用將網站置於兼容模式的標籤） - 感謝您的所有想法！

來源

2012-01-19 ristenk1

是的，我明白你的意思了。感謝你的快速回復！ – ristenk1

對不起，我是這個論壇的新手。如何選擇答案？我閱讀了鏈接，但是在我的網頁上沒有看到任何東西，我創建了接受答案的答案，只是「添加評論」，「這有幫助」和「回答你的問題」......我必須缺少一些東西:( – ristenk1

）沒問題，人們經常會錯過他們第一次加入時需要接受答案，如果你看到你的問題的答案，你會看到他們旁邊有滴答聲，你只需點擊如果沒有答案適合你，那麼你不需要接受他們中的任何一個，但是你可以在下面添加一個評論，告訴他們它不起作用。 –

好吧，看在你的源後，我看到你的錨標記內嵌套的div，我會說那是你的問題，因爲它是無效的HTML：

<a href="/design"> 
    <div class="desgn_bx">...</div> 
</a>

相反，巢div元素周圍的其他方法讓你的HTML如下：

<div class="desgn_bx"> 
    <a href="/design"></a> 
    <!-- rest of your content --> 
</div>

然後添加以下CSS：

.desgn_bx { 
    position: relative; 
} 

.desgn_bx a { 
    *background-color: inherit; /* add these for IE7 as it does */ 
    *filter: alpha(opacity=10); /* not like boxes with no content */ 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 10; 
}

這將強制錨標籤採取.desgn_bx元素的全部高度和寬度，因此它仍然是可點擊的。

來源

2012-01-19 16:04:11

Drupal：IE兼容性問題

回答

相關問題