0

我有以下页面：

<html>
<head>
<title>Kahil</title>
<link rel="stylesheet" type="text/css" href="csshorizontalmenu1.css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" dir="RTL">
<center>
<div class='horizontalcssmenu'>
  <ul  id='cssmenu1'>
    <li><a href=''>Menu1</a></li>
    <li><a href='/pages/F4F8E5F4E9EC.php'>Menu2</a></li>
    <li><a href='http://kahil.bizclick.co.il/pages/F2E1E5E3E5FA.php'>Menu3</a></li>
    <li><a href='/pages/E2ECF8E9E4.php'>Menu4</a>
      <ul class='box'>
        <li><a href='/pages/E2ECF8E9E4/EEE3E1F7E5FA.php'>Menu4.1</a></li>
        <li><a href='/pages/E2ECF8E9E4/EEE5F6F8E9-F4F8F1E5ED.php'>Menu4.2</a></li>
        <li><a href='http://kahil.bizclick.co.il/pages/E2ECF8E9E4/E4E3F4F1E4-F2EC-E7E5ECF6E5FA.php'>Menu4.3</a></li>
      </ul>
    </li>
    <li><a href='/pages/F6E5F8-F7F9F8.php'>Menu5</a></li>
  </ul></div>

</body>
</html>

以及我想应用于它们的以下 CSS 样式：

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: right;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 60px; /*Width of top level menu link items*/
padding: 2px 8px;
text-decoration: none;
/*background-color: #1C3702;*/
color: #7E4732;
font: bold 12px Arial, Helvetica, sans-serif;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

连线的事情是，如果它在示例中的文件中，则不会应用任何样式，但是当我将它们内联时<style> ... </style>它突然起作用了。我已经检查了link标签 100 次，但我找不到什么问题。

编辑： 根据要求，我将其上传到此处整个文件夹现在包含 2 个文件，index.html并且c1.css. 格式应该是纯文本，因为我使用 Notepad++ 编辑它们，但 CSS 文件最初是下载的。为了调试方便，我已经把style标签放在那里并注释掉了。您可以>在第 5 行末尾添加 a 以查看它是否正常工作。

4

3 回答 3

4

您的 HTML 文件是 UTF-16 格式，而 CSS 文件不是。这对浏览器来说非常令人困惑。

保存时，请确保它们具有相同的编码，或者，在其 HTTP 标头中明确指定 CSS 文件的编码。

于 2012-04-22T07:58:32.277 回答
3

它只能是路径。我注意到您显示的路径不是根路径（以 / 开头），因此将取决于页面在站点中的位置。我会使用 firebug 的 net 选项卡来查看发生了什么。

于 2012-04-21T22:33:48.190 回答
1

我只是按照 Chrome 检查器中的 css 链接（而不仅仅是输入路径）并得到了一组“中文类型”字符 - 显然是一些 unicode 错误

栮牯稳汤氍獳敭畮甠筬洊牡楧甠筬洊牡楧甮〠਻慰摤湩㩧〠਻楬瑳猭祴祴敬琭瑳猭祴汤㭥ਊ⨯洁⁰敬敶楬瑳椠整獭⼪⸊潨カ楲楲瑮污獣浳湥⁵汵氠筩獯潩㩮莹爠汥瑡癞㭥搊獩汰祡›湩楬敮਻湥慯㩠爠杩瑨ਰ氠筊⁩⁕洁⁰敬敶⁩⁩敭畮浥⁳瑳猛⩥ਯ栮牯稳汤防止捬獳敭畮甠楬愠੻楤灳慬㩹戠潬正਻楷瑶㩨㘠弥㭸⼠圪摩桴漠潴⁰敬敶敭畮氠湩浥⩳ਯ慰摤湩㩧㈠硰㠠硰਻整瑸捥牯瑡潩㩮渠汤㭥导入截取杫潲湵ⵤ潣潬㩲⌠䌱㜳㈰⌻ਯ榷瑬㩲ਯ榷箴㈴敬 › 敬滭潕核畑ㄠㄠ氠氠氠楲敥敥牥晩晩੽ਉ氕氭畮⼪⸬氽氠楲楲瑮污祬浠栣浳湑カ›グり獩汢捯㭫瑬瑊獩扩幅莹㩹祬搊獩摩敤㐮稊动作摮硥硥稊ググ愠獢汯瑊獩獩獩瑊瑊獩扩幅莹㩹祬氠愠摩敤㐮稊动作摮硥稊稊动作摮硥硥稊

这很奇怪 - 但显然导致了问题（而不是我之前建议的路径）

于 2012-04-22T18:05:28.307 回答