草庐IT

阴影背景

全部标签

javascript - CSS 背景图像转换使视频标记缓冲区

我有一个视频标签,我想连续播放,而用户可以同时在网站上做一些事情。但是我发现,如果视频开始缓冲的背景图像之间的背景转换。我在下面的代码片段中有一个可运行的示例。注意:如果代码段正常运行,缓冲似乎不会发生,但如果将代码段放在“整页”中,缓冲就会发生。functionchangeBackground(){constrandomColor='#'+Math.floor(Math.random()*16777215).toString(16);constelement=document.getElementById('background');constcurrentOpacity=eleme

javascript - 为 Alexa APL 智能显示设备设置背景颜色

如何为AmazonAlexaAPL技能设置背景颜色?这是我的.json文件的样子:https://raw.githubusercontent.com/alexa-labs/skill-sample-nodejs-sauce-boss/master/lambda/custom/documents/recipeIntent.json 最佳答案 我可以看到您有一些背景图像使用了best-fill以及定义的尺寸100vwx100vh所以我想知道在哪里你想添加背景颜色吗?我为类似案例找到的解决方案是添加一个像这样的框架:{"type":"Fr

javascript - 通过正则表达式从盒子阴影中获取每个值

我正在为我现在遇到的问题寻找建议。我希望能够以编程方式更改框阴影的值,即:box-shadow:h-shadowv-shadowblurspreadcolorinset;。我的问题最严重,我需要它至少是2个属性。chrome的示例输出:box-shadow:rgb(0,0,0)0px5px10px,rgb(255,255,255)0px4px10px插入;所以我的问题是我怎样才能首先将这两种样式分开,只是.split(",")不会剪切它,因为它创建了一个数组,因为rgb(,,)如果我要拆分它,如何处理HEX、rgb或rgba,正则表达式是否足够?编辑:我必须能够在浏览器中进行拆分,这就

javascript - 从浏览器打印时检测背景图像和背景颜色支持

当从浏览器打印页面时,它指的是用media="print"声明的print.css样式表。浏览器禁用了一些CSS规则,如background-image和background-color,一些浏览器有启用它们的选项。如thisanswer中所述,无法从页面代码覆盖此行为。我有两个问题:是否有关于这些打印规则的文档或很好的引用资料?例如:禁用了哪些CSS规则?Javascript可以在打印前在页面上执行某些操作吗?有没有办法用Javascript检测处于打印模式的浏览器,然后制作一个优雅的降级系统? 最佳答案 浏览器如何打印页面有点像

javascript - 将背景更改为静态以打开 Bootstrap 模式

我可以在模式打开时将背景更改为“静态”吗?我有带有表单提交按钮的模态。当我单击此按钮时,我会在我的模式上显示加载微调器,那是我想将背景更改为静态的时刻我尝试了$('#myModal').modal({backdrop:'static',keyboard:false}),但我仍然可以通过单击背景或使用退出按钮来关闭我的模式.第二步应该是将背景改回真实,但我还没有尝试过,因为首先我需要将背景设置为静态。我可以在模式显示时将背景设置为静态,但我想避免这种情况并在提交后更改它。有什么想法吗? 最佳答案 好的,我解决了这个问题。也许这不是最好

javascript - DOM 背景颜色传播闪烁继承 Google Chrome 中的初始背景颜色,使用主题切换来重载主体背景颜色

我目前正在为我的网站开发一个主题切换器,它使用Javascript/jQuery来使用由按钮切换的lightmode()/darkmode()函数来操纵Body.bg颜色。我想要做的是在主体背景颜色与淡入淡出之间创建无缝过渡。我已经制作并创建了它,但问题是当主题读取存储类型时,它会在Chrome和ChromeCanary中快速闪烁,但在Safari和Catalina的SafariTechPreview中它可以无缝工作。但是,当用户切换到白色然后单击导航链接时,我一直遇到一个问题,这会导致暗模式主题黑色闪烁。我的网站开始时启用了暗模式,bodybg=#0a0a0a,但是当它切换到白色并更

javascript - 是否有 32 字节或 64 字节的大小限制?用于内容脚本和 chrome 扩展的背景页面之间的消息传递?

我正在开发一个chrome扩展程序,可以从网页中提取大型公钥。我需要知道我是否会遇到在谷歌网站上找不到的与其消息传递API相关的任何限制。谢谢! 最佳答案 当您使用chrome.runtime.sendMessage时,消息被序列化,并从发送者的进程(例如包含内容脚本的选项卡)发送到扩展程序的进程(后台页面)走。IPC消息的硬限制是128MB.如果您发送任何大于此的内容,发送方的进程将被终止。现在,消息大小为128MB并不意味着您可以发送长度为134,217,728的JavaScript字符串,因为消息本身也需要一些空间来存储元数据

javascript - 打开时更改 Bootstrap 模态背景设置

我正在尝试将我的模式的背景设置更改为“静态”作为对事件的响应,以便它变得不可关闭。我通过设置$('#myModal').modal({backdrop:'static',keyboard:false})在点击模式内的按钮后尝试了这个,但没有运气。我想要的效果和nakupanda'sbootstrap-dialog的效果差不多(请参阅ManipulatingButtons部分,当dialog.setClosable(true);在点击“Clicktodisableandspin”按钮时被触发时,模态不再可关闭)请看这个jsfiddle.我知道这个问题已经被问过here但它没有正确的答案。

CSS把图片设置为背景

前言先列出几种常用的搭配,方便CV,想了解具体的可以看后面详细介绍第1组:刚好填充整个背景区域,不重复background-image:url("~@/路径");background-size:cover;background-repeat:no-repeat;第2组:从左上角开始,垂直水平重复填充background-image:url("~@/路径");background-size:30pxauto;//宽度30px,高度自适应一、图片路径:background-image引入图片,注意路径前面需要加~符background-image:url("~@/路径");二、图片大小:backg

javascript - JQuery Lightbox : thumbnails OK, 背景变暗,但不显示大图

我有一个奇怪的问题,灯箱似乎可以正常工作,但没有显示更大的图像。图片链接正确,显示的是缩略图,但没有全尺寸图片。控制台也没有报错。我的图库HTML设置如下:我已确保JQuery、JQueryUI、Lightbox.css、Lighbox.js和jquery.smooth-scroll.min.js都存在。页面是:http://www.fastfestival.com.au/gallery.html有人知道发生了什么吗?编辑:在控制台中检查,我发现调用Lightboxdiv时没有图像出现 最佳答案 与jQuery1.9的冲突​​与ne