0

在这个网站上,我需要添加指向 google+ 和 Facebook 的链接。我无法让我使 div 框生效的 CSS。我也尝试使用 img 标签添加图片,但即使它似乎是正确的目录并且其他图像具有相同的目录,我也无法加载图片。我想在菜单栏的右侧添加 2 个图标。

HTML:

<div class="art-nav">
    <ul class="art-menu">
        <?php art_menu_items(); ?>
    </ul>
    <div id="facebooktopmarc">
        <a href="https://www.facebook.com/raadmal">
            <img src="images/facebook.png" alt="Go to Facebook!"/>
        </a>
    </div>
    <div id="googleplustopmarc">
        <a href="https://www.facebook.com/">
            <img src="images/google-plus.png" alt="Go to Google-plus!"/>
        </a>
    </div>
</div>

CSS:

#facebooktopmarc {
  background-image: url("images/facebook.png");
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 25px;
  margin: 0 5px 0 0;
  position: relative;
  width: 25px;
}

#googleplustopmarc {
  background-image: url("images/google-plus.png");
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 25px;
  margin: 0 5px 0 0;
  position: relative;
  width: 25px;
}
4

1 回答 1

1

CSS 中的 Urls 与文件系统中的这个 CSS 文件位置有关。如果要在 html 中使用 img,则应使用相对于该 html 的路径或带有域名的绝对路径。

你的图片有网址

http://raad-mal.dk/wp-content/themes/green_room/images/facebook.png
http://raad-mal.dk/wp-content/themes/green_room/images/google-plus.png
于 2013-01-15T00:39:57.033 回答