小编Ima*_*kir的帖子

JQuery Animate背景位置跨浏览器

似乎无法让这个工作:

$("#animation").animate({backgroundPosition:"-100px 10px"});
Run Code Online (Sandbox Code Playgroud)

我试过这个有效,但不是在FFox:

$('#animation').animate({
  'background-position-x': '10%',
  'background-position-y': '20%'
}, 10000, 'linear');
Run Code Online (Sandbox Code Playgroud)

DIV:

<div id="animation" style="border: 0px solid rgb(153, 153, 153); margin: auto; width:550%;height: 100%;background-size:100% 100%; overflow:hidden; padding: 0px; background-image: url(images/pano.png); background-attachment: scroll; box-shadow: rgb(0, 0, 0) 0px 0px 40px inset; background-position: 180px 0px; background-repeat: no-repeat;display: none;"></div>
Run Code Online (Sandbox Code Playgroud)

JsFiddle:http://jsfiddle.net/sorfect/34psJ/1/ 我正在使用JQuery 1.8.有任何想法吗?

html javascript jquery

5
推荐指数
1
解决办法
3万
查看次数

在div的顶部修剪一个小的空三角形

我正在尝试制作一个下拉菜单,没有任何图像,纯CSS和HTML如下所示: 在此输入图像描述

我无法做到的是在顶部制作这个小三角形饰边

它是否可能在CSS中,如果是,如何?

html css css3

4
推荐指数
1
解决办法
1903
查看次数

Jquery当FadeIn()它眨眼的对象时,Ipad safari

我正在制作一个网站介绍,滑动照片和文字等.除了在Ipad Safari浏览器上,一切都工作得很好,每个FadeIn()就像对象闪烁一样,它首先完全可见然后闪烁,然后淡入.这里是我的演示http://benseno.com.tr/demo/viz/

我的CSS是:

.slide_p {
    -webkit-backface-visibility: hidden;
    display:none;
    left: 50%;
    top: 50%;
    position: absolute;
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
Run Code Online (Sandbox Code Playgroud)

和其中一个div:

<div id="slide3" class="slide_p"
            style="width: 1100px; height: 763px; background-image: url('images/s_03.png'); margin-left: -550px; margin-top: -381px;">
        </div>
Run Code Online (Sandbox Code Playgroud)

和JQuery是Quiet基本和直接的东西是这样的:

$("#slide3").fadeIn(2000);
Run Code Online (Sandbox Code Playgroud)

这开始让我发疯,有什么建议可以解决这个问题吗?顺便说一句,不要尝试Ipad模拟器,它只在我真正的Ipad上做到这一点.

css jquery css3 ipad

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

标签 统计

css ×2

css3 ×2

html ×2

jquery ×2

ipad ×1

javascript ×1