草庐IT

阴影背景

全部标签

javascript - 预加载背景图片

我正在构建一个循环显示3种不同背景的页面,每750毫秒更改一次。为此,我将使用相关背景图像向正文中添加一个类,并使用JS进行更改。对于第一个循环,它们会闪烁,因为图像必须加载,所以它不会立即出现。因此,有什么方法可以用来预加载图像吗?CSS:&.backgrounds{background-position:centerbottom;background-repeat:no-repeat;background-size:130%;&.freddy{background-image:url(/img/illustrations/snapchat/snapchat_holding_page

javascript - 如何检索阴影全局变量的值?

例子:vartest='globalvalue';(function(){vartest='localvalue';//howtogetthe'globalvalue'string})();鉴于主机环境未知的情况,这意味着我们不能假设可以通过window名称访问全局对象。此外,该函数不允许接收任何参数! 最佳答案 修复vartest='globalvalue';(function(){vartest2='localvalue';console.log(test);})();真正的解决方案是修复你的代码,这样你就不会隐藏你关心的全局变

javascript - 带封面的全屏背景,但专注于图像的一部分

我想要一个div有一个覆盖整个div的背景图像,但是当浏览器窗口大小发生变化时,不要缩小太多,而是将焦点集中在图像上的一个点上。一个很好的例子是this,但是当您缩小窗口尺寸时,它会聚焦于黄色标志而不是图像的中间。这种东西有插件或者教程吗?我确信使用jquery和css图像Sprite我可以想出一些东西,但我宁愿使用经过验证的插件或技术,而不是一起破解一些东西。 最佳答案 好吧,我想这远没有我想象的那么难,但是我想要的行为可以简单地通过这样做来实现:{background:url('http://farm8.staticflickr

javascript - jquery背景只改变一个轴

我觉得我的最后一个问题让所有人不知所措,所以我会简化我试图仅更改xAxis的背景位置。默认情况下,如果只定义了一个值,另一个默认为50%,所以这个函数:functioncolorChangePiano(){varbp=$("background-position").css;$("#target").css('background-position',(bp==-1131)?'-377':'0');}返回背景位置:050%;如何修改函数以更改xAxis但保持yAxis不变?edited-->这是一个有4列和4行的sprite,所以yAxis应该保持动态。工作地点在这里:http://w

javascript - 如何为 JVector Map 设置背景颜色?

我有以下代码来初始化JVectormap:map=newjvm.WorldMap({map:'us_aea_en',//backgroundColor:#FFFFFF,//Onlythislinedoesnotwork.container:$('#map'),series:{regions:[{attribute:'fill'}]}});上面一行:backgroundColor:#FFFFFF不执行。我阅读了API文档,它的语法似乎是正确的。除了那一行之外,代码工作完美。如何设置背景?还有其他设置背景颜色的方法吗? 最佳答案 感谢@

javascript - 在考虑背景的情况下将 RGBA 转换为 RGB

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:ConvertRGBAcolortoRGB我正在尝试将alpha使用thisquestion提供的算法我设法正确转换为纯RGB颜色-但仅当alpha=0.5时。这是我的测试代码://BasicRGB(A)toCSSpropertyvaluefunction_toString(obj){vartype='rgb',out=obj.red+','+obj.green+','+obj.blue;if(obj.alpha!==undefined){type+='a';out+=','+obj.alpha;}retur

Javascript 将文本和背景的颜色更改为输入值

我将使用javascript创建一个函数来同时更改背景颜色和文本-基于文本输入的值。我可以更改背景颜色,但无法让文本也正常工作。functionchangeBackground(){//Theworkingfunctionforchangingbackgroundcolor.document.bgColor=document.getElementById("color").value;//ThecodeI'dliketouseforchangingthetextsimultaneously-howeveritdoesnotwork.document.getElementById("co

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - iframe 背景图像在 Firefox 中显示正常但在 IE 中显示不正常

为什么IE在Iframe中不像firefox那样显示BG法师?我无法访问iframed页面。任何CSS或javascript解决方案 最佳答案 除了将CSS样式background-color:transparent;添加到iframe文档的body元素外,您还需要将allowtransparency属性添加到iframe元素在包含文档中。参见http://msdn.microsoft.com/en-us/library/ms533072(VS.85).aspx获取更多信息。如果您不能修改iframe的文档,那您就倒霉了。也许您可以

javascript - React Native 上的背景图片和 ScrollView

我正在使用ReactNative构建一个应用程序,并希望获得一个背景图像和一个覆盖在背景图像之上的ScrollView,例如雅虎天气应用程序。但我无法让它工作。请帮忙。 最佳答案 要得到这个效果,你需要设置一个绝对定位的图片,然后在View上面放一个ScrollView:'usestrict';varReact=require('react-native');var{AppRegistry,StyleSheet,Text,View,Dimensions,ScrollView,Image}=React;letwidth=Dimensi