它适用于所有浏览器，但不适用于 CHROME - 请建议？答案

【问题标题】：It works in all Browers but not in CHROME when it Live - please advice?它适用于所有浏览器，但不适用于 CHROME - 请建议？
【发布时间】：2015-07-04 07:34:58
【问题描述】：

这是现在的 css 代码 - 它的简单导航适用于所有浏览器，但在 chrome 中不起作用 - 有什么建议吗？

html

<div id="header">Test</div>
<nav>
<ul>

<li><a href="#">HOME</a></li>

<li><a href="#">HOME1</a></li>

<li><a href="#">HOME2</a></li>

<li><a href="#">HOME3</a></li>

<li><a href="#">HOME4</a></li>

<li><a href="#">HOME5</a></li>

</ul>

css

nav
{
    width:100%;  
    text-align:center;
}

nav ul
       {
    float:right; 
    line-height:50px;
}

nav li
{
    display:inline;
    list-type:none;
}

nav a
{
    font-family: Verdana;
    display:inline-block;
    text-align: center;
    color: #666;
    text-decoration: none;
    background-color:#F7F9F8;
    padding: 40px 0 10px 0;
    text-shadow: none;
    font-size: 13px;
    color:#800040; 
    font-family:Verdana, Geneva, sans-serif;
}

nav a:hover
{
    transition: all .3s ease;
    padding-top: 35px;
        border-top: 5px solid #9d426b;
        background: #9d426b;
    color:#FFFFFF;
}

这是现在的 css 代码 - 它的简单导航适用于所有浏览器，但在 chrome 中不起作用 - 有什么建议吗？

【问题讨论】：

代码或链接在哪里？
它不让我添加代码，每次它一直说添加更多细节？
导航{宽度:100%;文本对齐：中心；} 导航 ul{ 浮动：右； line-height:50px;} nav li{ display:inline;列表类型：无；}导航一个{字体系列：Verdana；显示：内联块；文本对齐：居中；颜色：#666；文字装饰：无；背景颜色：#F7F9F8;填充：40px 0 10px 0；文字阴影：无；字体大小：13px；颜色：#800040； font-family:Verdana, Geneva, sans-serif;} nav a:hover{ transition: all .3s ease;填充顶部：35px；边框顶部：5px 实心#9d426b；背景：#9d426b；颜色：#FFFFFF;}
使用edit链接在问题中发布。
我正在尝试发布代码，但它说“您的帖子包含格式不正确的代码 - 按空格缩进所有代码并按 CTRL + K” 我做了所有事情，但它没有发布我的代码？

标签： html css google-chrome

【解决方案1】：

您需要将“目标”属性添加到锚标记。在下面查看我的示例：

http://jsfiddle.net/mLkqd5w3/

<li><a href="http://google.com" target="_blank">HOME</a></li>

<li><a href="http://codingclown.com" target="_blank">HOME1</a></li>

【讨论】：