股利類：懸停不是在IE

正常工作，請看看下面的鏈接，使用Internet Explorer股利類：懸停不是在IE

http://mojogobbles.com.sg/cupcake-menu/

看來，當我嘗試聲明的DIV類懸停時，:hover不正常工作，但在鉻中它完美地工作。任何想法爲什麼？

只有CSS解決方案請！

這裏是CSS編碼

#f12{ 
    width: 400px; 
    height: 30px; 
    left: 470px; 
    top: 1090px; 
    position: absolute; 
    background: transparent; 
    opacity: 1; 
    filter: alpha(opacity=0); 
    float: left; 
    border-width: 1px; 
    border-style: inset; 
    z-index: 99999; 
} 

#f12:hover ~ #floater{ 
    background:url(images/flavours/f12.jpg); 
    width: 320px; 
    height: 320px; 
    opacity: 100; 
    top: 30%; 
    left: 0%; 
    filter: alpha(opacity=100); 
    float: left; 
    position: fixed; 
} 

#f13{ 
    width: 100px; 
    height: 50px; 
    left: 550px; 
    top: 460px; 
    position: absolute; 
    background: transparent; 
    opacity: 1; 
    filter: alpha(opacity=0); 
    float: left; 
    -webkit-transition: 1s all; 
    -moz-transition: 1s all; 
    transition: 1s all; 
    border-width: 1px; 
    border-style: inset; 
} 

#f13:hover ~ #floater{ 
    background: url(images/flavours/f12.jpg); 
    opacity: 100; 
} 

#floater{ 
    width: 320px; 
    height:320px; 
    opacity: 0; 
    position: fixed; 
    left: 0; 
    top: 30%; 
    filter: alpha(opacity=0); 
    float: left; 
    -webkit-transition: 0.5s ease-in-out; 
    -moz-transition: 0.5s ease-in-out; 
    -ms-transition: 0.5s ease-in-out; 
    transition: 0.5s ease-in-out; 
    border-width: 1px; 
    border-style: inset; 
    filter: alpha(opacity=100); 
}

來源

2012-09-26 Rui He Zhengrui

您使用的是什麼版本的IE？ –

另外我看到你有#floater作爲一個孩子引用兩個單獨的ID（F12和F13）。你是否在多個位置的同一頁面上有一個ID爲「floater」的元素？這會很糟糕，因爲ID應該是唯一的。 –

大家好，我使用的是IE 9以及#floater是一個固定的定位，並且在頁面中只有這個元素的一個實例.. –

你有兩個文檔類型，第一個是錯把IE瀏覽器進入怪癖模式。只需刪除它們並使用這一個：<!DOCTYPE html>

來源

2012-09-26 14:18:31 Rob

哦，上帝真的嗎？我只在header.php中聲明瞭一個doctype！ –

我把它改成只有<！DOCTYPE html>，甚至沒有：懸停不起作用.. =（ –

你仍然顯示不正確的文檔類型。把我告訴你的那個單獨。 – Rob

股利類：懸停不是在IE

回答

相關問題