0

我一直在努力解决这个问题好几个小时，所以我想我应该问你们。

所以我有一个网站，如果我有一个包含一些内容的框：图像，文本......

这是它在 index.html 中的样子：

    <div id="aust-agder">
    <!-- agent address in the first region -->
    <p style="  background: #111;
                background: rgba(0,0,0,.8);
                color: #eee;
                position:absolute;
                z-index:95;
                top:500px;
                left:1050px;
                font: normal 20px 'Lucida Grande',Arial,sans-serif;
                padding: 0.6em 1.2em;
                text-shadow: 0 1px 0 #000;
                -moz-border-radius: 1.6em;
                -ms-border-radius: 1.6em;
                -o-border-radius: 1.6em;
                -webkit-border-radius: 1.6em;
                border-radius: .6em; ">
  Lillesand - Kjøreskole<br>
  Vi vil gratulere A4 Trafikkskole med Digital Skiltløsning<br>
  A4 Trafikkskole<br>
  A: <a href=http://g.co/maps/xybpd>Elvegata 2A, 4608 Kristiansand S</a><br>
  T: 38 02 56 00<br>
  E: <a href=mailto:post@a-4.no>post@a-4.no</a><br>
  Besøk hjemmesiden til <a href=http://www.a-4.no/>A4 Trafikkskole</a><br>

  <img src=images/test.jpg>
    </p>
  </div>

当我在 html 中有这个时，网站看起来像这样：http: //iseeit.no/maptest/working/

如果我将其从 html 中删除并将其放入 css 文件中，如果我是正确的，则如下所示：

.aust-agder{
    background: #111;
    background: rgba(0,0,0,.8);
    color: #eee;
    position:absolute;
    z-index:95;
    top:500px;
    left:1050px;
    font: normal 20px 'Lucida Grande',Arial,sans-serif;
    padding: 0.6em 1.2em;
    text-shadow: 0 1px 0 #000;
    -moz-border-radius: 1.6em;
    -ms-border-radius: 1.6em;
    -o-border-radius: 1.6em;
    -webkit-border-radius: 1.6em;
    border-radius: .6em; 
}

在 index.html 中：

    <div id="aust-agder">
    <!-- agent address in the first region -->
  Lillesand - Kjøreskole<br>
  Vi vil gratulere A4 Trafikkskole med Digital Skiltløsning<br>
  A4 Trafikkskole<br>
  A: <a href=http://g.co/maps/xybpd>Elvegata 2A, 4608 Kristiansand S</a><br>
  T: 38 02 56 00<br>
  E: <a href=mailto:post@a-4.no>post@a-4.no</a><br>
  Besøk hjemmesiden til <a href=http://www.a-4.no/>A4 Trafikkskole</a><br>

  <img src=images/test.jpg>
    </p>
  </div>

该网站然后看起来像这样：http: //iseeit.no/maptest/not/

我不是css专家，所以我可能做错了。

希望我把问题说清楚了，如果不是毫不犹豫地问，也很抱歉我的英语不好:)

另外，我似乎无法使用 text-decoration: none; 删除链接颜色。有什么解决方案吗？

4

4 回答 4

3

我希望您尝试将 css 应用于 DIV，因为您</p>在 index.html 中缺少起始标记。在这种情况下，请在您的 CSS 名称前加上“#”而不是“.”。. 它应该像

    #aust-agder
    {
        背景：#111；
        背景：rgba(0,0,0,.8);
        颜色：#eee；
        位置：绝对；
        z指数：95；
        顶部：500px；
        左：1050px；
        字体：正常 20px 'Lucida Grande',Arial,sans-serif;
        填充：0.6em 1.2em；
        文字阴影：0 1px 0 #000;
        -moz-边界半径：1.6em；
        -ms-边界半径：1.6em；
        -o-边界半径：1.6em；
        -webkit-border-radius：1.6em；
        边界半径：0.6em；
    }
于 2012-06-07T08:56:45.567 回答
2

尝试使用#，不在.你的 CSS 中：

#aust-agder{
   background: #111;
   .....

.用于样式类。对于具有特定样式的元素id，请参阅此链接： http ://www.w3.org/TR/CSS2/selector.html#id-selectors

于 2012-06-07T08:47:01.570 回答
2

在您的 CSS 中，您拥有.aust-agderaust-agder类的样式。您使用aust-agderas id，因此您需要#aust-agder在 CSS 中使用。

有关id 和 classes 的 CSS 的更多信息，请参阅w3schools

于 2012-06-07T08:48:35.547 回答
1

您的 CSS 中的 aust-agder 是一个类，而在您的 HTML 中，它是一个 ID。采用

#aust-agder代替.aust-agder或class="aust-agder"代替id="aust-agder"

于 2012-06-07T08:47:30.477 回答