CSS破解了Mac上的Safari

-1

只是想知道，如果有人可以幫助我的CSS黑客在Mac上的Safari，我想要做的Safari上看起來不錯，適用於Windows，但看起來在Mac不同，CSS破解了Mac上的Safari

我頂部導航我試圖集中一切，它看起來集中在Firefox上，即Safari瀏覽器，但在Safari瀏覽器上它沒有居中，所以我想給它留下的邊緣，只能在Safari瀏覽器上可見。

<div id="main_nav"> 
<ul> 
     <li><a href="about.php">about us</a></li> 
     <li><a href="women.php">women</a></li> 
     <li><a href="man.php">men</a></li> 
     <li><a href="beauty.php">beauty</a></li> 
     <li><a href="lust.php">the lust</a></li> 
     <li><a href="press.php">press</a></li> 
    </ul> 
    </div> 

    #main_nav { 
width:74.7em; 
height:2.3em; 
position:absolute; 
top:13.9em; 
left:0; 
background:#000; 
margin:0 0 0 6.9em; 
text-align:center; 
    } 

#main_nav ul { 
width:49em; 
height:1.7em; 
color:#FFF; 
font-size:1.3em; 
letter-spacing:.2em; 
text-alight:left; 
margin:0 auto 0 auto; 
} 

#main_nav ul li { 
display:inline; 
list-style-type:none; 
} 

#main_nav ul li a { 
display:block; 
height:1.6em; 
float:left; 
color:#FFF; 
text-decoration:none; 
margin:0em 0 0 4em; 
padding-top:.2em; 
} 

#main_nav ul li:first-child a { 
margin-left:0.5em; 
} 

#main_nav ul li a:hover { 
background-color:#90F; 
}

感謝

來源

2009-10-21 amir

你能否提供更多信息？ – mouviciel 2009-10-21 13:46:05

你可以發佈一些代碼，以便可以回答問題嗎？這有點含糊。 – Buggabill 2009-10-21 13:46:46

是的，我們肯定會在這裏看到一些HTML。 – KyleFarris 2009-10-21 13:51:59

我沒有在Mac上測試，但這個CSS似乎做在Safari，Chrome瀏覽器，火狐，Opera和Internet Explorer中的伎倆在Windows上。（我只貼了變更部分）

#main_nav { 
    width:74.7em; 
    height:2.3em; 
    margin:13.9em auto 0; 
    background:#000; 
    text-align:center; 
} 

#main_nav ul { 
    width:49em; 
    height:1.7em; 
    color:#FFF; 
    font-size:1.3em; 
    letter-spacing:.2em; 
    text-alight:left; 
    margin:0 auto; 
}

小東西......這條線#main_nav UL是多餘的，因爲短格式允許你指定前兩個具有施加在相對相同的值雙方：

margin:0 auto 0 auto;

所以，等效版本是：

margin:0 auto;

來源

2009-10-21 14:19:02 Buggabill

CSS破解了Mac上的Safari

回答

相關問題