股利类：悬停不是在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

回答

相关问题