0

我正在尝试将 Facebook Like 按钮修复到 WordPress 标题图像顶部的特定位置,但在 CSS 样式(以及可能的 id 与类)方面遇到问题

这个网站上,我想在图片标题图片蓝色部分的“立即加入”文本下方放置一个“赞”按钮。

我试图创建一个单独的 div 类并定位它,但至少可以说,我对固定/绝对/相对的知识相当粗制滥造。它做了一个绝对位置,但是当我调整浏览窗口的大小时它不会与图像保持一致。(我们的活动针对的是年轻学生,因此很多人会通过小型笔记本电脑屏幕和智能手机访问我们的网站,因此必须做出响应)

有谁知道我该怎么做?

谢谢 :)

4

1 回答 1

2

编辑 HTML 元素的布局,使您的点赞按钮位于主图像链接下方,如下所示:

<div id="header-banner" style="width:100%;height:300px;">
  <a href="http://www.w4u.org.uk/">
    <img src="http://www.w4u.org.uk/wp-content/uploads/2013/02/copy-home-banner.jpg" class="header-image" width="960" height="250" alt="">
  </a>
  <div class="fb-like"></div>
</div>

完成后,通过将其添加到已经存在的内联样式中来调整类似按钮的 CSS:

top: -98px;

这是进行更改后的图像:

于 2013-02-02T03:16:36.477 回答