固定在图像的顶部位置FB Like按钮（响应）

我试图修复一个Facebook的Like按钮就WordPress的头图像上的特定位置，但我有与CSS样式的麻烦（和潜在的id VS班）固定在图像的顶部位置FB Like按钮（响应）

在this website，我希望把下面的“现在就加入我们”文本中的Like按钮的图像头图像的蓝色部分。

我试图创建一个单独的div类，并将其定位，但我的固定/绝对/相对知识相当以次充好，至少可以这样说。它做了一个绝对的位置，但是当我调整浏览窗口的大小时，它不会保留图像。（我们正在针对青年学生对我们的竞选活动，所以很多将访问我们从小屏幕的笔记本电脑和智能手机的网站，所以有响应）

没有人有任何想法，我怎么能做到这一点？

谢谢:)

来源

2013-02-02 tristanojbacon

编辑让你的喜欢按钮位于主图片链接下方像这样的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-02 03:16:36 mkp

，完美的工作，谢谢:) – tristanojbacon

没问题，只要意识到你正在寻找一个解决方案响应和当前FB Like按钮布局您选择不一定借给自己网站的响应因为它的大小而设计。我建议使用按钮计数选项并修改顶部定位，以便无论设备的屏幕尺寸如何，按钮位置都能正常工作。 – mkp

固定在图像的顶部位置FB Like按钮（响应）

回答

相关问题