小编Ton*_*bet的帖子

div使用z-index覆盖youtube视频?

我试图把一个html元素 - 我想用来关闭它 - 通过视频iframe,

试着用

#close{
     position:absolute;
     top:50px;
     z-index:9999;
}
Run Code Online (Sandbox Code Playgroud)

但它不会起作用.iframe始终位于顶部,

也尝试添加

&wmode=opaque 到URL ...但没有

你可以在这里看到/测试:http://jsfiddle.net/fdsaP/467/

知道我错过了什么??? 或者它只是不可能?

html css iframe z-index

2
推荐指数
1
解决办法
1632
查看次数

为什么发送时我的新闻稿中的图像之间有空格?

我有一个要发送的简报,但雅虎,Gmail和MSN的行之间会出现一些额外的空格.

但这就是你所看到的(有趣的是,在jsfiddle它和雅虎一样) - 注意图像之间的灰色条纹:

所有边界都是0,所有边距都是0.你看到了什么吗?

试过:

<table width="640" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;border-spacing:0;">
Run Code Online (Sandbox Code Playgroud)

但仍然是一样的.

html css email inline newsletter

2
推荐指数
1
解决办法
2153
查看次数

data.find('#myDiv')不是$ .post请求中的函数

为什么我不能使用$ .post选择我需要的div?

尝试回调功能:

$.post("file.php", { param_s: $('#input').val()},
               function(data) {
                 $('#'+donde).html(data.find('#router').html);

});
Run Code Online (Sandbox Code Playgroud)

萤火虫跳:

data.find不是一个函数

通常我会,$('#where').load('file.php?param=foo #myDiv')但这个文件响应$_POST..

我如何操纵数据响应,以便我可以过滤所需的选择器?

ajax jquery

2
推荐指数
1
解决办法
970
查看次数

.css().animate()不工作?

我想用这个突出显示一个元素:

$('input.step:last').css('background','#003').animate({'background':'#fff'},300);
Run Code Online (Sandbox Code Playgroud)

但它不起作用.

http://jsfiddle.net/Cpwmm/

为什么?

css jquery jquery-animate

2
推荐指数
1
解决办法
142
查看次数

使用on()从sumbit触发a

我试图从一个不总是在Dom的形式绑定sumbit事件,所以我尝试 .on()

$('body').on("form","submit", function(e){})
Run Code Online (Sandbox Code Playgroud)

但是萤火虫的日志

$(document).on("form","submit", function(e){})
Run Code Online (Sandbox Code Playgroud)

也尝试过

$('body').on("form","submit", function(e){})
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-events

2
推荐指数
1
解决办法
2517
查看次数

检测facebook用户是否登录而没有弹出窗口

我试图检查用户是否登录Facebook(并重定向到其他页面),但我无法打开任何弹出窗口:

这将工作:但如果用户未登录Facebook,将打开弹出窗口

FB.login(function(response) {
    if(response.status == 'connected')
              /*Redirect here*/
});
Run Code Online (Sandbox Code Playgroud)

这是我的另一个网络,但不是在这里

window.fbAsyncInit = function() {
                FB.init({
                  appId      : myAppid, // App ID 
                  status     : true, // check login status
                  cookie     : true, // enable cookies to allow the server to access the session
                  xfbml      : true  // parse XFBML
                });
                FB.Event.subscribe('auth.login', function() {
                      /* REDIRECT HERE */
                });
              };
              // Load the SDK Asynchronously
              (function(d){
                 var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
                 if (d.getElementById(id)) {return;}
                 js = d.createElement('script'); js.id …
Run Code Online (Sandbox Code Playgroud)

javascript jquery facebook

2
推荐指数
1
解决办法
7041
查看次数

ImageAreaSelect:预选最大的缩略图,尊重aspectRatio

这是我第一次尝试的方式:

$('#thumbnail').imgAreaSelect({ 
    x1: 5,
    y1: 5,
    x2: $('#thumbnail').width(),
    y2: $('#thumbnail').width()*0.66,
    aspectRatio: '1:0.66'
});
Run Code Online (Sandbox Code Playgroud)

但是一些裁剪的图像不会溢出......

这似乎是我试过的大多数图像分辨率的预选...

var thwidth = $('#thumbnail').width();
var thheight = $('#thumbnail').height();
aspectRatio = 0.66;

$('#thumbnail').imgAreaSelect({ 
    x1: 5,
    y1: 5,
    x2: thwidth - 80,
    y2: (thwidth - 80) * aspectRatio,
    aspectRatio: '1:0.66'
});
Run Code Online (Sandbox Code Playgroud)

但它不会选择最大可能; 加上它对我来说有点脏......

如何选择与宽高比相关的最大(如果可能的话)中心宽度坐标?(在这种情况下:1:0.66)

javascript jquery crop jquery-plugins aspect-ratio

2
推荐指数
1
解决办法
569
查看次数

使用CSS3生成类似动画的立方体(仅两个面)效果

我想重现这个基于这个很棒的教程准备的jsfiddle (请查看演示).但我不想要键功能,只是悬停.

http://jsfiddle.net/b5rmW/5/

但这只使用了2个面(正面和背面).

我尝试过,像这样:

    #cube {
      position: relative;
      margin: 100px auto 0;
      height: 300px;
      width: 300px;
      -webkit-transition: -webkit-transform .5s linear;
      -webkit-transform-style: preserve-3d;

      -moz-transition: -moz-transform .5s linear;
      -moz-transform-style: preserve-3d;
    }

    .face {
      position: absolute;
      height: 300px;
      width: 300px;
      padding: 0px;
      background-color: rgba(50, 50, 50, 1);
      font-size: 27px;
      line-height: 1em;
      color: #fff;
      border: 1px solid #555;
      border-radius: 3px;
    }

    #cube .one  {
      -webkit-transform: rotateX(90deg) translateZ(150px);
      -moz-transform: rotateX(90deg) translateZ(150px);
      background:red;
    }

    #cube .two {
      -webkit-transform: translateZ(150px);
      -moz-transform: translateZ(150px); …
Run Code Online (Sandbox Code Playgroud)

css animation transform css3

2
推荐指数
1
解决办法
8117
查看次数

$ .each中的setTimeout不会尊重时间

我想备份,删除列表中的每个项目,并在1秒后附加每个项目.

我这样想:

var backup = $('#rGallery').html();
$('#rGallery li').remove();
console.log($(backup).filter('li').length); /* it logs like 135 */
$(backup).filter('li').each(function(){
    var the = $(this);
    var timeout = setTimeout(function(){
        console.log(the.html()); /* it logs the html, but all at the same time*/
        $('#rGallery').append('<li>'+the.html()+'</li>');

        /*return*/
    },1000);
});
Run Code Online (Sandbox Code Playgroud)

它的作品,物品被移除然后再追加,问题是它们都在1秒后被追加.而不是每一个从前一个等待1秒.

我在这里错过了什么?

javascript each jquery timing settimeout

2
推荐指数
1
解决办法
943
查看次数

指南针中的自定义动画?

我想知道如何将其转换为指南针mixins

@-webkit-keyframes shake {
    0% { -webkit-transform: translate(2px, 0px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, 0px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, 0px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 0px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 0px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 0px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, 0px) rotate(-1deg); …
Run Code Online (Sandbox Code Playgroud)

css sass css-animations compass-sass

2
推荐指数
1
解决办法
7753
查看次数