background-position相关内容
在尝试将jQuery插件'iCheckbox'(http://stackoverflow.com/questions/6032538/)升级到jQuery 1.4.4以上版本时,我发现使用了 animate({backgroundPosition:'10px 0px'}) 需要更改为 animate({backgroundPositionX: '10px', background
..
我在chrome和safari中使用了背景图片滑块,但在Firefox中却没有任何作用.有帮助吗? $(function(){ var image= ".main-content"; var button_left= "#button_left"; var button_right= "#button_right"; var animation= "easeO
..
我似乎无法正常工作. $('#product_family_options_dd').animate({ height: '300px', width: '900px', backgroundPosition: '-20px 0px', }, 高度和宽度会动画,但背景不会动画. 解决方案 如果仅使用像这样的单独值,则无需使用背景动画插件: $
..
如何在不使用插件的情况下使用jQuery的animate函数为background-position属性设置动画? 当支持backgroundPosition时,我尝试切换回1.4.4,但它似乎只适用于IE而不适用于FF或Chrome。 我已经尝试过查看animate函数的步骤回调,但我无法正常工作。 解决方案 我有同样的问题。由Samich链接的插件是用一块石头击中两只鸟的唯一方法(
..
我正在努力实现这个目标是否有一种简单的方法可以在点击事件中切换两种状态之间的背景位置? 我构建了一个函数应该工作..还没有得到线索为什么它不会。我花了几个小时试图为我的项目中这么乏味的部分实现这个目标,但这是必要的。 请看一下这个函数: $(“ #secondarrow“)。click(function(){ / * $(”。arrows“)。toggle( functio
..
我看到这里 jquery 1.5.0中缺少 backgroundPosition 动画是一个已知错误。它还没有修好吗? 请参阅此 jsfiddle ,在jquery 1.4.4中使用 backgroundPosition 动画,然后查看一个,并且看到它甚至在jquery 1.7.1中都不起作用。 任何想法,当他们'重新解决这个问题? 我很想知道,因为我刚在Chrome控制台中看到
..
此代码是Alexander Farkas创建的扩展程序 http://bit.ly/bZzOC8 It是有用的可以在函数animate()上使用两个值,如下例所示: $('div')。animate ({ backgroundPosition:'(0-5500)' },330); 不幸的是,当使用IE7或IE8时,此扩展名不起作用。 下一个代码是background
..
运行一段使用jquery和2个jquery插件的代码时,我在IE7中遇到了这个问题。该代码适用于FF3和Chrome。 完整错误是: 行:33 字符:6 错误:bg为空或不是对象 代码:0 URL:http://localhost/index2.html 但是第33行是一个空行。 I我正在使用2个插件:draggable和zoom。无论我对代码做什
..
当用户在div“按钮”上悬停div的背景位置时,幻灯片“必须从”0 0“更改为”0 -89px“,而将鼠标移动到另一个点必须将背景位置重置为”0 0“。 代码(从stackoverflow上的另一个问题回收): $ $ $ $ $ $ $ $(document).ready(function(){ $('#button')。hover(function(){ $('#slide')
..
我有三个背景图片,宽度为643像素。 (12像素高度): )no-repeat / li> 底部图片(12像素高度)无重复 我无法看到,没有让他们重叠(这是一个问题,因为图像是部分透明的),是这样的可能吗? background-image:url(top.png), url(bottom.png), url ; background-repeat:no-repea
..
所以我试图动画我的导航链接背景是Css sprite。 此图片: http://img689.imageshack.us/img689/2996/ menufc.png $(document).ready(function(){ $ a') //在鼠标悬停时,移动悬停时的背景 .mouseover(function(){ $(this).stop animate({bac
..
var speed = 25; // speed var num = 0; var photos = document.getElementById('head_image'); function scrollBG(){ num ++; photos.style.backgroundPosition =“0”+
..
我想在只有CSS 的sprite图片的'background-position'之间淡化。我发现了很多o教程,但我没有找到像这样简单的: CSS3 - 在sprite图像的'background-position'之间淡化
..
这里的小问题,我有一个sprite图像包含正常和悬停效果的图标.. 这是css我现在有.. .wi { background-image:url(images / icons / small / wi.png); background-repeat:no-repeat; display:block; overflow:hidden; height:24px; w
..
我目前正在使用CSS渐变和位置,我可以做我想要的,但幸运的猜测,但我想了解这实际上是如何工作。 例如,这里是法国国旗(merci): .serge_testDraw { width: 10rem; height:10rem; border:0.2rem solid black; background-image: 线性渐变(向右,蓝色0%,蓝色100%) ,线性渐变(向
..
我正在尝试为背景图片设置动画,以便图片从右到左显示。 我使用了一个比div容器更大宽度的图像,背景位于其中。开始时,背景是以下: background:url(../ img / zeppelin.png); background-repeat:no-repeat; background-position:right; 但是当页面加载时,我想让背景动画化, 。这
..
以下代码在IE9,FireFox,Chrome中可以很好地呈现,但在Safari中却不行: .search-choice { position:relative; background-clip:padding-box; background-image:url('../ Design / icon_chosen_close.gif'); background-repea
..
我有一个62个91 * 91像素的图片,这使得整个事情91 * 5642像素。它们以一种动态网格的形式显示,该网格根据用户/指针的移动而增长和缩小。有时一个元素(std 91 * 91 px)放大,使其为120 * 120像素。显然,我想让背景增长,整个91 * 91像素的图像显示在整个120 * 120元素。 输入背景-size:100%auto 使宽度总是完美的。问题现在是 backgr
..
我有一个div元素,宽度为200像素,高度为200像素。我需要一个小图像出现在div的右上角。如何通常会这样做 background:url(/images/imagepath.png) 但是问题是,我从sprite加载图像,当我使用像 background:url(/web/images/imagepath.png)-215px -759px top rig
..
我有三个背景图片,宽度为643像素。 (12像素高度): )no-repeat / li> 底部图片(12像素高度)无重复 我无法看到它没有让他们重叠(这是一个问题,因为图像是部分透明的),是这样的可能吗? background-image:url(top.png), url(bottom.png), url ; background-repeat:no-re
..