小编RGB*_*GBK的帖子

$(this).css({
    -webkit-transform:'rotate(180deg)',
    -moz-transform: 'rotate(180deg)',
    -o-transform: 'rotate(180deg)',
    -ms-transform: 'rotate(180deg)'
});

这是抛出错误:

未捕获的SyntaxError:意外的令牌 -

我真的希望我不必为这个实例安装jQuery Rotation插件.

我一直在努力找出为什么这种翻转在IE8中的行为不正常.

转到此处:IE8中的http://baked-beans.tv,您会看到翻转仅适用于缩略图的下半部分.

顺便说一句,这不是由一个激活的<a>标签,但通过:hover对<div>.

我无法弄清楚的是,为什么它仅适用于图像下方div的下半部分,而不适用于图像(图像不是z-indexed,因此不是问题)

只要我将其更改为background-color除透明之外的任何其他内容,它将100%正常工作.所以这只是让我大吃一惊......为什么是下半部分,而不是上半部分,只有当我将bg-color设置为透明时？一定要喜欢Internet Explorer.

这适用于所有其他浏览器(整个广场充当翻转)

这是CSS:

.cat_rollout {
    position: absolute;
    float:left;
    top:0;
    left:0;
    min-height:274px;
    min-width:274px;
    font-size: 0;
    background-color: transparent;
}

.cat_rollout:hover {
    background-image: url(images/rollover.png);
    min-width:254px;
    min-height:242px;
    padding-left: 20px;
    color: white;
    font-size: 21px;
    font-weight: normal;
    line-height: 24px;
    padding-top: 34px;
}

我真的很沮丧为什么会发生这种情况.http://syndex.me上的帖子的边距为2px.当页面最初加载时,这是坚持的.当第二批帖子加载时(14个帖子下载)你会看到由于一些奇怪的原因,右边的帖子实际上比它们应该短2px.

Weirder仍然,检查帖子显示他们实际上设置了一个margin:2px 甚至更奇怪,这只发生在左边缘或右边缘,而不是顶部和底部(？!)

做了前端很长一段时间后,我非常有信心这是一个奇怪的案例.

我在firefox,safari和chrome上遇到了这个渲染问题.

如果我使用检查员滚动帖子,我可以看到每个帖子确实有2px的保证金,只是第二个帖子(右边)的边距开始,就好像它旁边的帖子有零保证金,但是它也确实有一个.

好像帖子忽略了他们的邻居左右边缘？

有一点,帖子正在使用display:inline-block.我不明白的是:为什么这种行为只会在延迟加载后启动？我知道内联元素的自然空间为2到4像素,但这忽略了 2px,看起来很奇怪.

我不知道从哪里开始看这个,任何帮助将不胜感激.

我在iframe中有一个谷歌地图,并包含在div中.在那个div之上,我有另一个,用于创建凹陷阴影效果.

问题是这个重叠的div将优先于任何鼠标事件,因此它使下面的交互式谷歌地图无用.必须有一种方法可以让重叠的div忽略鼠标事件,让下面的div得到它们.(拜托,拜托!)

或者,还有另一种方法吗？

这是输出的代码:

<div id="pageWrapper" style="display: block; ">
    <div class="page_content">
        <div id="pageShadow"></div>
        <div id="pageMap"><p><iframe width="1096" height="462" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Baked+Beans+B.V.+i.o.,+Amsterdam,+Nederland&amp;sll=52.365721,4.891641&amp;sspn=0.008648,0.022724&amp;ie=UTF8&amp;hq=baked+beans+bv+io&amp;hnear=Amsterdam,+North+Holland,+The+Netherlands&amp;ll=52.363837,4.891109&amp;spn=0.01664,0.045447&amp;z=14&amp;iwloc=near&amp;cid=2617758725349562441&amp;output=embed"></iframe></p>
</div>
    </div>

    <div id="page_description">
        <p>Text about the company</p>
    </div>

    <div id="page_credits">

        <div class="recTitle">Job 1</div>
        <div class="recJob"><p>Description</p>
</div>

        <div class="recTitle">Job 2</div>
        <div class="recJob"><p>Description</p>
</div>

        <div class="recTitle"></div>
        <div class="recJob"></div>

    </div>

</div>

这是相关的CSS:

#pageWrapper {
position: relative;
}

.page_content {
max-height: 462px;
position: relative;
}

#pageShadow {
position: absolute;
top:0;
left: 0;
-moz-opacity: .5;
opacity:.5;
filter: alpha(opacity=50);  
background-color: aqua;
z-index: 300; …

我想知道是否有人切换到隐私浏览模式测试网站没有缓存？您知道何时必须清除缓存以确保您所查看的内容是从服务器中获取的,当然,私密浏览是一种安全且更快捷的方式,而不必每次都进行设置并清除.

把它放在那里,看看其他人是如何做到的,或者是否有人抓住我可能不知道的这种测试方式.

谢谢.

我在这里的图像和内容上有"Back Board":http://syndex.me 所以基本上,你点击一个图像,它会在点击的内容上方覆盖一个信息面板.

我想做两件事:

• 单击站点的背景以淡出当前打开的信息面板
• 能够点击信息面板中的标签,链接或社交图标,而不会触发它的父功能,后者再次淡出.

我无法使用stopPropagation将子点击替换为父点击,因为我需要点击事件由.live()处理(请参阅文档)这是因为帖子是动态加载的.

我不能只说出这样的话:$("#Background").click(function(){//淡出信息板}因为整个帖子包装器都覆盖了它,我不能把事件放在帽子上因为那时我甚至更深入地了解父母接管孩子们事件的困境:-)

到目前为止,我至少能够只有一个infoboard打开(即我点击一个图像,然后另一个,它将关闭已经打开的图像,并打开当前的一个.所以这部分都很好:

    $('.theContent:not(.clicked)').live("click", function () {
            $(this).children('.postInfo').fadeIn(400);
            $(".clicked").each(function() {
                    $(this).find('.postInfo').fadeOut(400);
                    $(this).removeClass('clicked');
            });
        $(this).addClass("clicked");
 });
     $('.clicked').live("click", function () {
            $(".clicked").each(function() {
                $(this).find('.postInfo').fadeOut(400);
                $(this).removeClass('clicked');
            });
 });

Re .live(),. delegate()和.stopPropogation():

由于.live()方法在事件传播到文档顶部后处理事件,因此无法停止实时事件的传播.同样,.delegate()处理的事件将传播到它们被委派给的元素; 在DOM树中它下面的任何元素上绑定的事件处理程序将在调用委托事件处理程序时执行.因此,这些处理程序可以通过调用event.stopPropagation()或返回false来阻止委托处理程序触发.

document.title = ("hello → goodbye");

这不是输出箭头:"→"应该如此.一个人怎么逃避它呢？

我尝试过所有我知道的事情.我开始认为它是由Tumblrs javascript创建的.首先,我有内联块,我知道读取空白区域并添加像素.但经过多次测试后,剥离了我的所有javascript,并删除了所有内容,只留下了一个标准

<div><img src="image"/></div>

我仍然在图像下方获得2px的空间!

所以我想知道有没有办法在没有jquery的情况下做到这一点？

.parentdiv {
    height:100% - 2px;
}

？

所以这是代码:

<parent><child>i want to keep the child</child>Some text I want to remove</parent>

我想把它改成这个:

<parent><child>i want to keep the child</child></parent>

我看到很多人都在询问如何删除子元素并保留未包装的文本,但不是相反.你如何针对未命名的东西？

我希望我在这里做些傻事,但我相信我明白这一点.这是我的代码:

<body class="someClass">Hi</body>

if($(body).hasClass("someClass")){
   alert("yo");
}

出于某种原因它只是因为某种原因不起作用,我做错了什么？

我在这里放了一个jsfiddle