我绝对用我这个非常令人沮丧和奇怪的CSS问题撕掉了我所有的头发.
我正在使用Bones样板制作一个网站,它一直很棒,直到现在......
它使用流体网格系统,我最近尝试创建一个简单的画廊,我已经制作成一个网格(4个图像,每个图像包裹在一个四分之一列,第一个/最后一个类添加到第一个/最后一个图像).
如果将鼠标悬停在图像上(由于某些原因,前三个图像特别明显),您会注意到由于某些原因,它们会将宽度改变一两个像素.图像设置为max-width:100%,我感觉这是某种罪魁祸首,因为如果你给图像一个"固定"的宽度(例如.gallery-icon img {max-width:165px;},它解决了问题,但作为一个流畅的网格系统,我不能下去那个路线,因为如果调整浏览器大小,图像保持165px,即使我根据媒体设置了4种不同的宽度,在介质尺寸之间,图像也不会正确对齐.
如果它不是transition效果问题(如果我transition关闭,图像较低opacity,但没有动画),它会工作,因为我希望它工作:(
请帮帮我们!
这是一个空的演示站点,它运行了骨架样板,只不过是页面上的库.如果你看到震动问题,请告诉我.
(我无法在jsfiddle上重新创建它,所以我将它安装在我躺在hehe周围的旧域上)
编辑:我刚刚注意到问题似乎发生在宽度和高度都比div大的图像上.图像1 + 3是这个,他们有错误,而图像2,4似乎没问题？和图像2 + 4的高度比div小.....但即使我将图像设置为最大高度,问题仍然存在.
EDIT2:添加了一个快速视频来显示问题(最新的Firefox和Chrome)http://www.youtube.com/watch?v=uL81hLfMvvw
我有一个WordPress驱动的网站,在主页上使用一个静态页面,只有短代码来生成内容.
该页面通过将首页设置为静态页面并使用the_content()来获取这些短代码; 在page.php上.页面内容没有空格,只有短代码,所以看起来像这样:
[content-shortcode blah blah][more content-shortcode blah blah]
一切正常,除了WordPress <p></p>在短代码前添加一个空,在所有短代码末尾添加另一个P/P(短代码之间没有任何内容).
我该如何删除它们？我不想禁用全局wpautop删除功能,因为它对某些用户有用,我只想删除主页上显示的第一个和最后一个P.
我刚刚开始学习javascript,并且我编写了以下代码(来自php背景):
$(document).ready(function(){
$("#example-1").attr("rel","1");
$("#example-2").attr("rel","2");
$("#example-3").attr("rel","3");
});
我假设将它变成更像这样的东西会更快并且使用更少的资源(即使它是微不足道的):
jQuery(document).ready(function(){
foreach #example-X
i++
$("#exmaple-[i]").attr("rel","[i]");
});
我怎样才能做到这一点？
我试图让这个函数只在第一场比赛中添加var!(或运行一次)
if ($.isFunction($.fn.flexslider)) {
$("div.gallery-to-slideshow").each(function (index, item) {
var gallery = new Gallery($(item));
});
我尝试添加:首先在不同的地方,但我是Javascript的新手,仍然在努力理解它!
使用php中的函数回显一堆HTML并使用类似这样的东西是不好的做法:
function my_function() {
global $post;
$custom_fields = get_post_custom();
$some_field = $custom_fields ['some_field'][0];
?>
<div class="something <?php if ($some_field) { echo $special-clas;} ?>">
<div class="something-else">
/* bunch more of html code */
</div>
</div>
}
然后在你想用它来回应它的页面中？
<html>
<body>
.....
....
<?php echo my_function(); ?>
....
我不确定如何"接受"回声功能？