sIFR的slector为李：悬停效果

我sIFR的slector为李：悬停效果

<div id="nav"> 
    <ul> 
    <li><span><a href="/index.asp">Home</a></span></li> 
    <li><span><a href="/aboutus.asp">About Us</a></span></li> 
    <li><span><a href="/whatWeDo.asp" id="whatWeDo">What We Do</span></a> 
     <ul id="sideNav"> 
      <li><a href="/page1.asp"tabindex="15">page 1</a></li> 
      <li><a href="/page2.asp"tabindex="16">page 2</a></li> 
      <li><a href="/page3.asp"tabindex="17">page 3</a></li> 
     </ul> 
    </li> 
    <li><span><a href="/studies.asp">Studies</a></span></li> 
    </ul> 
</div>

我试图营造一个弹出菜单，这是否是CSS菜单：

#nav ul{ 
    padding: 0; 
    margin: 0; 
} 
#nav ul li{ 
    list-style: none; 
    font-size: 16px; 
    width:170px; 
    padding:0px 0px 10px 0px; 
} 
#nav ul li ul li{ 
    font-size: 13px; 
} 
#nav ul li ul{ 
    display: none; 
} 
.showMenu, #nav ul li:hover ul{   
    width:220px; 
    padding:7px; 
    background: #F2F2F2; 
    border:1px solid #F2F2F2; 
    display: block; 
    position: absolute; 
    left: 85px; 
    top: 30px; 
} 

#nav ul li ul li{ 
    padding:2px 0px 2px 0px; 
}

我特林更换这两个列表中的项目，但他们有不同的stlyes。我可以很容易地替换顶级元素，但它不能替换链接上弹出的菜单。

我SIFR代码：

sIFR.replace(futura, { 
    selector: '#nav ul li span', 
    css: ['.sIFR-root {}a{ color:#639463;text-decoration:none; font-size: 16px; font-weight:bold;} a:hover{color:#83C000;text-decoration:underline;}'], 
    wmode: 'transparent' 
});

来源

2012-01-11 user1122811

对不起我即将在这里帮助你，但我想给你使用类似于http://www.fontsquirrel.com/使用非web标准字体的东西的时间戳 – ggzone 2012-01-11 14:31:37

我已经看过@fonts这是什么字体松鼠使用我指向你这篇文章：http://stackoverflow.com/q/4061647/1122811 – user1122811 2012-01-11 14:45:43

@font适用于IE7 +，Safari，FF，Chrome ...剩下的2％获得后备字体...我看不到问题，除非你的字体为ttf，otf，dfont或windows后脚本。 – ggzone 2012-01-11 14:48:42

我觉得你的问题的一部分是需要sIFR的显示元素作用于。如果您不能使用@font的风格，我可以的电视机欧，我已经成功地使用的Cufón这样一个小的工作，因为在这里看到：http://www.reneworganicbeauty.com/

它仍然是一个有点挑剔，和颜色的变化采取小小的摆弄，但至少它在菜单中工作正常。

来源

2012-01-11 15:50:22 daveyfaherty

sIFR的slector为李：悬停效果

回答

相关问题