2

当我在 Chrome 中运行我的（非常基本的）页面时，它会以正确的大小、颜色和位置显示标题和列表。背景图像也适合屏幕。但是当我在 FF 或 IE 中运行我的页面时，没有背景图像，并且标题和列表没有我的 CSS 位置、颜色或大小。

我在下面复制了我的代码。我的问题是：如何让我的标题和列表在所有/大多数浏览器中以正确的大小、颜色和位置显示在我在 CSS 中设置的位置？也用于显示背景图像。我希望这不是太笼统。请帮忙！

这是我的 HTML：

<!DOCTYPE html> 
<html>
  <head>
    <link rel="stylesheet" type="txt/css" href="C:///****/*****/Desktop/FifaStream1.0/indexstyle.css"/>
    <title> Fifa Stream </title>
  </head>
  <body>
    <h1 id="Title1"> <font color="grey"> Fifa  </font color> <font color="red">Stream </font color></h1>
    <nav class="IndexList">
      <li> <a href="HomePage.html"> Home <br> <br> </a> </li>
      <li> <a href="YoutubePage.html"> Youtube <br> <br> </a> </li>
      <li> <a href="AboutUs.html"> About Us <br> <br> </a> </li>
    <nav>
  </body>
</html>

这是我的 CSS：

body {
  font-family: "proxima-nova",sans-serif;
  background:url(fifa13messi.png);
  -moz-background:url(fifa13messi.png);
  background-size:100%;
  -moz-background-size:100%; /* Old Firefox */
  background-repeat:no-repeat;
}

#Title1 {
  position:relative;
  left:5%;
  top:5%;
  font-size: 3em;
}

.IndexList {
  list-style: none;
  position:relative;
  left:5%;
  top:40%;
  font-size:2em;
  font-weight: 600;
  letter-spacing: -1px;
}

a {
  color:white;
  text-decoration: none;
}

如果有人能解释我出错的地方或原因，那将是一个很大的帮助。

4

4 回答 4

1

type属性应该是，text/css不是txt/css。IE 和 Firefox （正确地）因为不匹配而拒绝它。

于 2013-03-02T03:05:04.597 回答
1

因为<li>元素不能是元素的子<nav>元素 - 它们只能是<ul>or元素的子<ol>元素......

于 2013-03-02T03:23:55.667 回答
1

我想说的第一件事是尝试做聪明的工作，使用一些 html 编辑器，如 Dreamweaver 或其他为codig 提供提示的工具。

现在逐点列出您编码中的问题

  1. 链接 css 的类型属性应该是 text/css。不是。文本/CSS

  2. 尝试在创建标签后关闭标签。这将始终使所有标签都关闭。Bcz 你的导航标签没有关闭，而是创建了两个导航标签而不关闭它们。

  3. li 标签应该用 'o' 或 'ul' 包裹

谢谢。

于 2013-03-02T04:24:13.790 回答
-1

您的<nav>标签需要一个</nav>结束标签，而不是第二个<nav>。

于 2013-03-02T03:11:00.973 回答