小编Kar*_*ine的帖子

在我的网页的中心,我有一个带有id中心容器的div,其中包含2个div:一个用于视频播放器(在左侧),第二个用于播放列表中的可选内容.在中心容器div的上方和下方,我还有另一个内容.

现在的问题.当播放列表div不存在(未设置)而不制动剩余布局时,如何使我的视频播放器容器到达页面中间.

Internet Explorer 9,Firefox,Opera,Chrome和Safari支持@ font-face规则.

但是,Internet Explorer 9仅支持.eot类型字体,而Firefox,Chrome,Safari和Opera支持.ttf和.otf类型字体.

注意:Internet Explorer 8及更早版本不支持@ font-face规则.

本文来自这里.所以为了让IE9的@ font-face工作,我应该只指定EOT字体文件:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

特别是我使用Myriad Pro,我有OTF字体.我如何将它们转换为EOT类型？

关于IE7和IE8应该使用什么技巧/黑客来获得所需的结果？

我已经通过"ul"的内联"li"实现了我的网页菜单."li"有彩色边框,包含"a".现在鼠标悬停我需要更改"a"中文本的颜色,并通过不移动li边框将其向上移动2px.我怎样才能做到这一点？

编辑:

这是我的代码:

HTML - >

 <div id="menu"> 
            <ul>
                <li><a href="#">Menu 1</a></li>
                <li><a href="#">Menu 2</a></li>
                <li><a href="#">Menu 3</a></li>
            </ul>
 </div> <!-- end menu -->

CSSS - >

div#menu ul
{
list-style-type:none;
}   
div#menu li
{
margin-left:2px;
display:inline-block;

border: 1px #FFF solid;
border-top:none;
border-bottom-right-radius: 6px 11px;
border-bottom-left-radius: 6px 11px;
}
div#menu li:hover
{
border-top:none;            
border: 1px #95d9e4 solid;
}
div#menu li a
{
text-decoration:none;
color:#FFF;
font-size:14px;
margin:0 6px 2px 6px;
line-height:20px;

}
div#menu li a:hover
{
color:#95d9e4;
margin:0 6px 4px 6px; …

假设我有几个用于PSD网站设计的.otf和.dfont字体文件.现在我需要将这些字体添加到HTML/CSS代码中.我知道CSS3的@font功能可以做到这一点.但我相信它对旧版浏览器不起作用？那么跨浏览器的方式是什么呢？