2

我做了一些研究并尝试了一些方法，但似乎对 IE 没有任何效果。

我有一个垂直列表样式菜单。例子是

<ul class="menuleft">
<li><a href="index.php" >Home</a></li>
<li><a href="maritime-marinas.php" >Maritime Marinas</a></li>
</ul>

我的 CSS 是

ul.menuleft {list-style-type: none; margin:0; padding:0;}
.menuleft li {
    width:248px;
    height:47px;
    background-image:url(images/left-menu-bg-off.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
   line-height:47px;
    text-align: left;
    text-indent: 60px;

   }

.menuleft {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:link {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:visited {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:hover {text-decoration: underline; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:active {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}

文本垂直居中非常适合 Firefox、Safari 和 Chrome。但不是 IE 7 8 或 9（也不是 Opera）

请帮忙。谢谢

4

0 回答 0