1
У меня есть меню,SIFR slector для Li: парить эффект
<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;
}
Я Тринг, чтобы заменить элементы в обоих списках, но у них разные стили. Я могу легко заменить элементы верхнего уровня, но его выпадающее меню, на которое я не могу заменить ссылки.
мой 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'
});
жаль, что я не помог вам здесь, но я хочу дать вам возможность использовать что-то похожее на http://www.fontsquirrel.com/ для использования нестандартных шрифтов – ggzone
Я изучил @fonts, что является тем, что fontsquirrel use i point you to this post: http://stackoverflow.com/q/4061647/1122811 – user1122811
@font работает для IE7 +, Safari, FF, Chrome ... осталось 2% от резервного шрифта ... я не вижу проблема, за исключением того, что у вас есть шрифт как ttf, otf, dfont или windows post script. – ggzone