Tag: 背景

使用JS获取元素CSS3背景颜色渐变: 目前我使用以下JS（jQuery）来查找其他几个div的背景颜色（如rgb）： $theColor = $(this).css(“background-color”); 除了CSS3渐变之外，它的效果非常好。作为一个例子，我有以下css使div的背景看起来类似于便利贴： background: #FFFAAD; /* old browsers */ background: -moz-linear-gradient(top, #FFFAAD 0%, #FFF47D 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFAAD), color-stop(100%,#FFF47D)); /* webkit */ background: gradient(linear, left top, left bottom, color-stop(0%,#FFFAAD), color-stop(100%,#FFF47D)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#FFFAAD’, endColorstr=’#FFF47D’,GradientType=0 ); /* ie */ jQuery似乎没有任何东西。如何使用jQuery查找css3渐变中使用的至少一种颜色？我对JS比较新，所以请耐心等待.. 谢谢。

background-image：url（“images / plaid.jpg”）no-repeat; 不会出现: 我似乎无法在我的任何页面上制作我的plaid.jpg背景，更不用说所有这些了，我已经尝试通过body，html，*，“home”的特定id来选择它。什么都行不通图像为300 x 421像素。我不需要它显示漂亮，我只是希望它出现在一切背后。我的css怎么看这个？ plaid.jpg图片位于我的images文件夹中与index.html文件位于同一目录中。此链接位于index.html文件的顶部。我的样式表位于名为mystyles.css的样式表文件夹中。在我看来，我试图以可想象的方式改变我的.CSS文件。前30个谷歌搜索结果“背景图像没有显示”，但没有一个工作。我知道这可能很简单。 mystyles.css是最基本的forms，没有选择器。 background-image: url(“images/plaid.jpg”) no-repeat; 的index.html Home Info Blog Videos Photos Tweets 这不成功 body { background-image: url(“/images/plaid.jpg”); background-repeat: no-repeat; } 这也是我的意思 Mob App <!—->

等到后台（css）中的图像被加载: 假设我们有一个图片幻灯片。这些图片的缩略图显示在带有滑块的div包装器中（我用Jquery创建），每个图像都包含在带有CSS背景集的中，当然这代表图像。我选择使用背景图像来处理布局问题，因为它们的大小和宽高比都不同。图像来自数据库并动态创建。我想做的是：在每个显示“加载”消息，并等待后台（图像）加载到缓存中，然后使用fadeIn显示它。他们只有我能想到的方式（不是我可以，因为我不太确定如何以及它是否可行）是：在显示“加载”消息时，暂时取消每个的背景为每个背景制作一个循环以获取图像url 使用$ .get函数加载它，然后在加载后执行我想要的任何操作除了可行的事情，这意味着他们将按顺序加载，所以如果由于某种原因不会加载脚本永远不会继续！我已经看到一些使用JS加载图像的网站只有在浏览器可见时才加载，也许这可能与我正在寻找的情况相同，因为我使用的是滚动条，只有部分图像显示在一旦页面加载

随机的身体背景图像: 我在网上尝试了几个教程，似乎都没有正常工作。我想要做的很简单，我想：我有9个不同的.jpg图像，我需要随机显示在页面加载 – 作为背景。这应该相当简单吧？谢谢，编辑（对不起，忘了附上代码 – 在网上找到）： $(document).ready(function(){ bgImageTotal=9; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=(‘../img/bg/’+randomNumber+’.jpg’); $(‘body’).css(‘background-image’, (‘url(“‘+imgPath+'”)’)); });

窗口上的jQuery滚动动画背景图像位置: 我试图使用jQuery实现滚动效果。我有一个背景div设置为100％浏览器窗口大小，隐藏溢出。这有一个大的背景图像约。 1500px x 2000px。我想要的效果是当用户向下滚动页面时，背景图像以滚动距离的百分比移动，因此对于每页向下滚动200px，图像在相同方向上移动10px。谁能指出我正确的方向？这有可能吗？：）提前谢谢了。 UPDATE 我已经尝试了@Capt Otis的建议的变化，但我仍然在努力解决我正在玩的代码如下： $(window).scroll(function(){ if($(this).scrollTop() > 200) { $(‘#div’).animate({‘background-postion’: ‘+=10px 0’}, 500); } }); 任何人都可以解释我做错了什么吗？

一种在负载下淡入背景的方法？: 我正在进行网站设计，我需要一种方法来淡化身体标签的背景图像，当它完全加载时（可能然后暂停500毫秒）。如果你看到八月的网站设计，你会看到背景渐渐消失; 但是，这是通过Flash背景完成的。有没有办法用jQuery或JavaScript做到这一点？ 2010年9月19日更新：所以对于那些来自Google的人来说（这是目前“负载背景淡出”的头号结果），我只是想为每个人制作一个更清晰的实现示例。在页脚中的某个位置添加（如果您不希望DOM混乱，也可以通过JavaScript附加此代码）。风格如此 – #backgroundfade { position: fixed; background: #FFF /* whatever color your background is */ width: 100%; height: 100%; z-index: -2; } 然后将其添加到JavaScript脚本文件中（需要jQuery）： $(document).ready(function() { $(‘#backgroundfade’).fadeOut(1000); }); 这样就可以在DOM完成后1秒内淡化#backgroundfade元素（覆盖“实际背景”的框）。

Jquery，用计时器改变背景图像: 我有两个用于本网站的背景图片，我希望它们每5秒自动更改一次。有人可以看看我的jQuery代码并告诉我我做错了什么？ $(function() { var body = $(‘body’); var backgrounds = new Array( ‘url(images/hso-palmtree-background.jpg)’, ‘url(images/hso-boardwalk-background.jpg)’ ); var current = 0; function nextBackground() { body.css( ‘background’, backgrounds[current = ++current % backgrounds.length] ); setTimeout(nextBackground, 5000); } setTimeout(nextBackground, 5000); body.css(‘background’, backgrounds[0]); });