草庐IT

backGround

全部标签

javascript - 有没有办法让跨浏览器的 CSS3 代码变干?

当我想在CSS3中创建渐变背景时,我必须这样做:background-color:#3584ba;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#54a0ce),to(#3584ba));/*Safari4+,Chrome*/background-image:-webkit-linear-gradient(top,#54a0ce,#3584ba);/*Safari5.1+,Chrome10+*/background-image:-moz-linear-gradient(top,#54a0ce,#3584

javascript - 修复 IE 中的背景位置

我在IE7中运行一段使用jquery和2个jquery插件的代码时遇到了这个问题。该代码适用于FF3和Chrome。完整的错误是:Line:33Char:6Error:bgisnullornotanobjectCode:0URL:http://localhost/index2.html但是第33行是一个空行。我正在使用2个插件:可拖动和缩放。无论我对代码做什么,总是第33行有问题。我通过查看源代码检查源代码是否有更新,但我觉得这可能是在骗我。$(document).ready(function(){$('#draggable').drag();$('#zoom').zoom({targ

javascript - 每次重复 y 时垂直翻转背景图像

我正在寻找一种垂直重复我的背景图像的技巧,但每次重复图像时我都想垂直翻转它。我用repeat-y尝试了所有的想法,但我没有找到解决方案,甚至在谷歌中搜索它。例子:直背景图像重复y时翻转背景图像然后再次翻转到直线有获得那个位置的方法吗?只有在没有纯css的解决方案时,我才会接受JScript(及其库)中的解决方案。谢谢大家! 最佳答案 这无法使用标准CSS3完成,因为没有用于旋转背景图像的CSS3属性。引用:http://www.w3.org/TR/css3-background如建议的那样,将两个主题组合在一个图像中,这要简单得多并

javascript - 平滑停止 CSS 关键帧动画

我有以下代码:http://jsfiddle.net/odj8v0x4/.functionstopGlobe(){$('.mapfront').removeClass('mapfront-anim');$('.mapback').removeClass('mapback-anim');}functionstartGlobe(){$('.mapfront').addClass('mapfront-anim');$('.mapback').addClass('mapback-anim');}@keyframesmapfront_spin{0%{background-position:140

javascript - AngularJS 动画卡片翻转

我正在尝试使用新的AngularJS方式在页面转换之间制作动画,并希望合并卡片翻转(如http://jsfiddle.net/nicooprat/GDdtS/)body{background:#ccc;}.flip{-webkit-perspective:800;width:400px;height:200px;position:relative;margin:50pxauto;}.flip.card.flipped{-webkit-transform:rotatex(-180deg);}.flip.card{width:100%;height:100%;-webkit-transfo

javascript - 如何在运行时更改 Bootstrap (twitter)进度条的颜色

我正在使用这个进度条:http://twitter.github.com/bootstrap/components.html#progress并且想给它一个自定义颜色,只在运行时才知道(所以硬编码在css或更少的文件中不是一个选项)我已经试过了:$('#pb').css({'background-color':"red"})没有成功。 最佳答案 您的代码实际上是有效的,只是进度条实际上使用渐变作为颜色而不是纯background-color属性。要更改背景颜色,请将background-image设置为none,您的颜色将被拾取:$

javascript - Chrome 扩展 : Communication between content script and background. html

我是Chrome扩展的新手。我试图在内容脚本和background.html页面之间进行通信。background.html向内容脚本发送请求“hello”,内容脚本应以“hellobackground”警报响应.但这并没有发生。我的background.html代码是:functiontestRequest(){chrome.tabs.getSelected(null,function(tab){chrome.tabs.sendRequest(tab.id,{greeting:"hello"});});}content.js代码:chrome.extension.onMessage.

javascript - 检测对后台附件的支持 : fixed?

有没有办法检测浏览器是否支持background-attachment:fixed?编辑:虽然此功能在桌面浏览器上得到广泛支持,但在可移植设备上却很少受支持,这就是我希望能够检测到该功能的原因。 最佳答案 当你使用{background-attachment:fixed}当前的移动设备根本不会显示背景图片!为确保图像在所有移动设备上显示,您需要测试支持,如果不支持,则将background-attachment属性设置为“初始”(即默认状态)或“滚动”(这是默认状态).坏消息:目前不可能直接和专门测试对固定背景的支持,因为移动浏览器

php - mPDF 将正方形图像变成圆形

在mPDF中是否可以将图像设为圆圈?找遍了也没有找到明确的答案。对我来说,这张图片显示得很好,除了它是一个正方形,而这应该使它变成一个圆形。CSSimg{width:150px;height:150px;border-radius:150px;}PHP$inputPath='../web_content/cool_cat.jpg'; 最佳答案 通过使用图像作为背景图像而不是元素找到了解决此问题的方法。所以在用mpdf创建pdf的PHP文件中,我刚刚制作了一个div,它可以将图像路径作为$inputPath。现在似乎工作正常。HTML

javascript - 将PHP数据拉入JS以动态改变屏幕宽度的BG图像

在我的WP模板中,我在我的Repeater自定义字段中为bgimgs创建了两个子字段:大型设备和桌面业务移动业务在我的content-section.php模板部分,我创建了一个循环并注入(inject)get_sub_field('background_image');作为背景图片成功。我想在宽度为时将bg-img动态更改为移动设备.我知道您必须使用wp_localize_script()将php数据传递给js等..我尝试过的:为get_sub_field('mobile_background_image');设置一个变量在content-section.php使用AFC函数的不同变