Wordpress 上的砌体与其他内容重叠答案

【问题标题】：Masonry on Wordpress overlapping other contentWordpress 上的砌体与其他内容重叠
【发布时间】：2014-05-28 18:13:40
【问题描述】：

我有一个安装了 WP 和 Genesis 主题的客户端。我正在使用砖石来平铺特定类别的帖子。我遇到的问题是页面上有砌体重叠的其他内容（类别描述）。我试过 $window.on('load', function(){

我已经尝试设置超时来延迟砌体。

无论我做什么，当砌体初始化时，帖子都会覆盖描述内容。有什么建议么？提前致谢。

编辑：使用中的砌体代码 ->

jQuery(window).on('load',function($) {
var $container = jQuery('#content');
// initialize
$container.imagesLoaded( function() {
$container.masonry({
columnWidth: 1,
itemSelector: '.post'
});
});
});

现场直播链接：http://landmark2skate.com/category/secret-stash/

感谢观看。

【问题讨论】：

您可以发布您的代码和/或指向您的实时网站的链接吗？

标签： jquery wordpress masonry

【解决方案1】：

这更像是一个 CSS 问题

[ Text ] - 您的文本块是 1 个单个元素

[ Masonry ] - 覆盖文本的框是许多单独的 div，样式为 position:absolute

如果没有包含这些单独项目 div 的父 div，您的砌体将定位绝对到您拥有的第一个父位置相对容器。

【讨论】：

谢谢，看来我必须编写一个自定义循环来处理它。
你需要的是一个包含 div

-------- 现在你的网络看起来像这样
正是我想要的。我也许可以用 Genesis 中的一个钩子来完成它，这样我就不必重写整个循环并插上所有的 css。

【解决方案2】：

您已将“columnWidth”设置为“1”。这意味着 1 个像素。尝试将其设置为更大的值，例如 250。

请看这里的例子：

http://masonry.desandro.com/options.html

【讨论】：

实际上，我应该取消设置它，因为我希望它从第一个元素中获取提示（1 也对我有用）。