草庐IT

一键去背景

全部标签

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

javascript - 使用 CSS/Javascript 使具有部分透明度的背景图像变暗

我正在使用部分透明的CSSSprite(即图像中的对象是不透明的,背景是透明的)。我想使用CSS或Javascript使图像变暗。我需要让图像改变黑暗级别,为每个黑暗级别制作单独的图像是不切实际的。如果不是为了透明背景,我可以在图像顶部添加一个黑色层并更改该层的不透明度。这基本上是我所拥有的:http://jsfiddle.net/PXU6j/2/HowdoImakethisdarker? 最佳答案 在上面放一个带有alphachannel的黑色div:http://jsfiddle.net/PXU6j/3/注意我用过backgro

javascript - 使用 Javascript(或 jQuery)淡入/淡出 HTML 元素的背景颜色

我有一个表格,其行需要突出显示然后清除。我正在使用contextualclasses为表格行着色(不是必需的要求)。下面给出了javascript部分。我如何使用javascript/jQuery/Bootstrap为行着色设置动画,即淡入/淡出。下面的代码立即添加和删除颜色。$('tr').eq(1).addClass('success');setTimeout(function(){$('tr').eq(1).removeClass('success');},2000);http://jsfiddle.net/5NB3s/附言试图在此处避免jQueryUI路由Howdoyoufad

javascript - Fabric.js - 带笔划/边框的圆形透明背景

我在fabric.js版本1.6.0-rc.1中呈现了一个圆圈:varcirclePatrol=newfabric.Circle({top:300,left:180,radius:200,strokeDashArray:[10,10],stroke:'black',strokeWidth:10,fill:'white',opacity:0.2});我想将背景设置为透明但保留圆圈周围的描边。这在fabric.js中可能吗?不透明度也被应用于笔划/边框,我试图将它仅应用于圆圈的背景。我也试过透明背景,还是不行:varcirclePatrol=newfabric.Circle({top:30