Question

在此website我需要添加指向Google +和Facebook的链接。我无法获得CSS我生效div盒子。我还试图添加带有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;
}

Answer 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

WP - 无法设置样式框或加载图片？

1 个答案: