1回答
从图像创建渐变
、、
如何从图像中创建梯度，以便将其用作图像的背景？作为背景的模糊效果？
我的html标记：
<div class="bck">
<img class="thumb" src="20161204.jpg" />
</div>
造型应用：
.bck {
height:500px;
width: 500px;
background-color: #9d9e88; //grey
}
.thumb {
height: 200px;
浏览 3提问于2017-03-13得票数 2
回答已采纳
1回答
我正在使用显示我的背景图像。然后我想使用来使元素模糊背景。在反张的图像上使用blur.js不起作用。我认为这是因为Blur.js使用了CSS属性background-image，而Backstretch只用来显示图像。
如何使这两者兼容？这些插件内部的代码相当复杂。
浏览 1提问于2014-06-21得票数 0
我正在使用blur.js为我的html文档中的一个元素提供一个光滑模糊的效果。问题是，只有当背景尺寸被覆盖时，它才能工作。当我重新调整页面大小或将页面加载到不同大小的屏幕时，它就会造成混乱。由于blur.js不能在JSfiddel上工作，所以我不能向您展示演示，但是请看一下代码和图像plz。
CSS:
body {
margin: 0;
overflow: hidden;
background:url('../img/spiral_galaxy-1920x1080.jpg');
background-size: cover;
backgro
浏览 4提问于2015-01-25得票数 0
4回答
作为一种纯粹的美学设计，我想知道是否有一个非不透明背景的元素模糊了它背后的内容。
更具体地说，当我有一个模式框出现(作为我的自定义警报/确认/提示符设置的一部分)，当前背景内容是“褪色”，在屏幕上有一个与文档背景颜色相同的遮罩。
我想要做的是应用少量的模糊(仅几个像素)到蒙面内容，以进一步直接关注模态框。
浏览器兼容性不是一个问题，因为正如我所提到的，它纯粹是美学的。最好是我希望它至少在IE9中工作，如果可能的话，我想使用Chrome。
同时，no jQuery.当然，如果你想要的话，可以用jQuery提供一个答案，但是我会把它翻译成原始的JS，然后再让它靠近我的站点。
浏览 7提问于2012-03-18得票数 4
回答已采纳
1回答
我通过css和jquery使用这个加载器旋转器。我想模糊的背景，除了图像从URL。有什么想法吗？ Css： .no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: url("http://enjoycss.com/bg-im
浏览 15提问于2019-01-13得票数 0
1回答
我试图访问reveal.js中的背景图像的样式有三个原因：
( a)我想在概览模式b中覆盖背景图像)我想用CSS模糊一些背景
我找到了两篇对我有帮助的文章：
( a) b)
但是我肯定遗漏了什么，所以我创建了这个jsFiddle来演示这个问题：
html.thisState .state-background {
/* background image is NOT changed, but the backgroundcolor changes */
background-color: rgba(0, 0, 0, 0.8);
background-imag
浏览 6提问于2014-11-25得票数 3
回答已采纳
3回答
问题
是否有可能制作一个BrowserWindow，在电子，透明的与模糊？它模糊了所有的背景内容，包括应用程序和壁纸。
如果可能的话，我该怎么做呢？
示例
这是一些我试过的代码。
index.js
let win = new BrowserWindow({
fullscreen: true,
fullscreenable: false,
frame: false,
skipTaskbar: true,
resizable: false,
movable: false,
show: false,
alwaysOnTop: true,
浏览 0提问于2019-04-21得票数 14
回答已采纳
2回答
我正在创建一个将广泛使用<input type="number">字段的表，如果没有在表中放置数字，我希望使表的背景色变为红色。
下面是我的表的html示例：
<tr>
<td>
<input type="number" class="amount" name="amount">
</td>
</tr>
下面是我用来验证输入的jquery代码：
$(".amount").blur(function() {
if ($(
浏览 0提问于2015-04-09得票数 0
回答已采纳
1回答
我试图通过编程删除少数图像的白色背景，并使其透明。图像格式简单，背景为白色，目标主要位于中间。
我想复制的网站的功能，使背景的图像透明。
我尝试过使用sharp或imageMagick软件来使背景透明。但它也使主体物体内部的一些像素变得透明。我绝对不想要。
使用imageMagik中的以下代码将白色背景转换为透明
convert brownie.jpg -transparent white brownie.png
convert cakebig.jpg -fuzz 1% -transparent white cakebig.png
似乎不是很完美。
运行命令后，图像确实变得透明，但是主对象内部
浏览 0提问于2019-09-11得票数 3
回答已采纳
当你滚动时，我试图模糊掉在我肚脐后面的一切，而不仅仅是背景图像。使用backdrop-filter: blur(50px);只会模糊背景(包括div使用其他背景过滤器所做的更改)，但保留文本不变。
我试过像上面提到的那样使用backdrop-filter: blur(50px);，filter: blur(50px);只是模糊了内容，并查看了十几个类似的帖子和网站。他们要么直接告诉我如何模糊背景，要么早于backdrop-filter。
以下是我所拥有的：
编辑:看来我的position: fixed;也不工作，在互联网上也没有任何帮助，但这不是这篇文章的重点。
下面是使用position:
浏览 2提问于2022-01-29得票数 1
回答已采纳
1回答
我使用光画廊()为我的网站，并想对它进行一些自定义。我想通过在背景图像( CSS)中使用这些图像来模糊在画廊中打开的每个图像项的背景图像。好吧，Light gallery使用了更多来自html标签属性的Java Script引用来查看图库中的值，这对于那些不擅长JS的人来说有点复杂。库项目的结构如下所示：
<ul id="lightgallery">
<li>
<a href="">
<img src="">
</a>
</li>
&
浏览 0提问于2016-10-04得票数 0
1回答
目标：模糊div保持在幻灯片的位置上，但是背景图像应该是动画的。
模糊是每一个特定幻灯片的一部分，这就是为什么当幻灯片旋转时它会移动的原因。我需要保持模糊的位置，而文字和背景图像幻灯片。
这是我的结构：
<div class="slider" id="slides">
<ul class="slides-container" >
<li>
<img src="img/bg.jpg" alt="">
浏览 0提问于2014-07-31得票数 0
我在Wordpress中有一个Bootstrap菜单，如下所示：
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar">
浏览 0提问于2015-04-17得票数 0
2回答
我已经用了很多Android ProgressBar了。这里唯一的事情是为一个特定的应用程序，我需要的ProgressBar没有一个半透明的背景。我的意思是你仍然可以看到它后面的视图，因为进度条是半透明的。
实际上我需要一个完整的背景不透明度(黑色，白色，无关紧要)。只要后面的面板可以用进度条隐藏即可。
我不能只是在面板后面设置一个背景，因为它是一个Web面板( JS的东西正在发生)。
感谢您的回复
问候
浏览 1提问于2012-06-13得票数 2
回答已采纳
1回答
我有一个画布，它有随机移动的气泡，现在当我把它放到有滤镜的div上时
-webkit-filter: blur(50px);
那么画布气泡运动fps下降并且平滑度降低。
我不明白问题出在哪里。
模糊背景版本：
普通背景版本：
浏览 7提问于2015-02-04得票数 0
2回答
什么是最好的方式模糊我的背景图像的前70 my？背景图像在体内，我有一个带有.08不透明度的菜单，我想用它模糊背景。最好的方法是什么?我该怎么做？
浏览 6提问于2015-11-15得票数 4
回答已采纳
1回答
我试图使用谷歌地图作为背景，一个固定的覆盖层。。
您可以看到问题-当它加载时，文本是不可读的。覆盖由Google的JS加载。在覆盖层加载之前，我如何隐藏地图？(或者更好的解决方案？)
浏览 1提问于2010-08-27得票数 2
回答已采纳
2回答
我正在尝试根据焦点和模糊事件修改输入的背景。这部分很好用，但如果客户端在搜索框中输入了值，我还想设置背景。如果您输入文本，然后立即单击submit按钮(尽管您可以看到非常简短的背景变化)，它确实可以工作。
但是，如果当前搜索框中有一个值，并且客户端触发了模糊功能，它还会更改输入的背景。
如果搜索框中有值，我如何确保模糊功能不会被触发？
这是我到目前为止的代码：
// change input field on blur and focus
var $searchFocus = 'url("img/layout/spyglass.png") no-repeat 2px
浏览 0提问于2013-04-04得票数 3
回答已采纳
2回答
我正在做一个统一的游戏，我试图为我的游戏添加一个背景模糊的效果，以使事情更清楚一点。
下面是我想要做的事情的一个例子：
📷
我试图获得背景模糊和混浊的效果，但我不知道如何去获得类似的效果。它看起来像一种模糊+混浊，但我尝试模糊我的背景对象，它只是看上去很糟糕。
以下是我目前的情况：
📷
我使用的是统一，它都是2D精灵，所以我不认为我可以使用着色器，这是唯一的解决方案，我可以找到人们谈论，但不知道如何进行。任何帮助都将不胜感激，谢谢。
编辑:即使知道我可以用来搜索解决方案的术语，也会有帮助，因为我不太确定它的名称。
浏览 0提问于2015-06-01得票数 4
回答已采纳
4回答
我需要创建一个页面，其中有一个全屏封面图像和2个div块包含的内容，坐在这个封面图像的顶部。
div块需要具有略微灰暗模糊的背景效果-类似于Yahoo Weather应用程序使用的效果
()
但不是模糊整个背景，我只需要模糊覆盖的div背景-而不是整个东西，这让我头疼！
有没有人设法获得类似的结果--或者知道是否可以通过Jquery/ Pure Css或组合实现？
浏览 0提问于2013-06-17得票数 1
iOS、MAC和现在的Windows10都支持半透明背景。Windows10中是否有文档API可以在WPF窗口中扩展此效果？我想要的是我的应用程序窗口的一部分是半透明的，但我放在那里的内容仍然应该是清晰的。请参阅
请注意，这与更改控件上的不透明度属性不同，我想要的是在背景中的原色热点上加上透明度和模糊。
浏览 3提问于2015-08-05得票数 0
2回答
我有一个有透明背景色的div。我想要模糊它的背景颜色，这样透明的颜色是模糊的，并且div上的文本更容易看到。
我很感谢你的帮助。
浏览 5提问于2011-12-10得票数 0
回答已采纳
我想要一张前面有div的背景照片。div应该有一个模糊的黑色背景和白色文本。
但它目前所做的是:没有模糊的黑色背景和黑色文本。请帮帮我!
#section0 {
background-color: lightgreen; /*normally the photo*/
}
.blurwrapper {
position: relative;
overflow: hidden;
}
.blur {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
filter: blur(1
浏览 0提问于2017-01-04得票数 1
我试图弄清楚如何在HTML、CSS、JS和其他必要的东西中添加一个背景模糊的透明内容元素。问题在于兼容性，以及我使用的是一个重复的背景。
您可以看到以下获得效果的各种方法，其中前景在不重复的图像背景上模糊不清。你可以。你也可以。问题是，在重复的背景下获得这种效果的唯一方法是使用具有兼容性问题的CSS特性，比如或，这是真正的。SVG，取决于您如何使用它，可以是或。
我试图在下面得到效果，在同样透明、模糊的内容元素背后有一个重复的背景。我怎么能做到，而
不需要有模糊版本的背景图像(有相当多的)
能够重复背景
期望与几乎所有的现代浏览器兼容，包括IE返回到至少IE8
不需
浏览 1提问于2014-08-12得票数 1
我正在尝试实现与下面的gif中显示的效果类似的效果。
我在背景中放了一张图片，并在它上面放了一个滚动视图。
然而，当我开始滚动时，它让我困惑于如何模糊背景图像。
请给我建议。
浏览 2提问于2016-05-07得票数 0
我也希望当我点击背景和有其他可按的东西/按钮在这个背景上，他们没有被按，除非状态是回到它是不模糊的(基本上:只有模糊的背景可以按时，屏幕是模糊的)。如果你需要一个例子，看看推特手机:当你点击post (+)按钮时，它会模糊背景，但当点击回推时，它不会模糊它。(必须为IOS和安卓系统工作).
浏览 5提问于2022-10-02得票数 0
2回答
假设我的网站是按层次排列的。
背景图像( background-size:cover;)
具有半透明白色背景的500 x 500 div。
div中的内容。
我想要的是div下的区域(在背景图像上)被模糊。我的问题是，随着不同的屏幕大小，我不能有背景图像“预模糊”，因为该div将不会总是对齐背景。
所以我的问题是，是否有可能通过像我为div那样定义区域来模糊背景图像的特定部分呢？例如，position:absolute; top:45% right:0;或什么是我最好的跨浏览器选项。CSS或其他明智的，这并不重要。
谢谢
，顺便提一句，，我考虑在背景和之前讨论的div之间
浏览 5提问于2013-07-06得票数 5
回答已采纳
1回答
点击按钮播放全屏视频
、、、
我浏览了squarespace的网站，发现他们在右下角有一个按钮，在点击后播放全屏视频。当我使用bigvideo.js的时候，视频是模糊的，但是one Squarespace使用的并不模糊，它也有自己的播放器。有人知道我是怎么做到的吗？我主要想知道如何使我自己的播放器和播放视频，而不链接到另一个html页面。
编辑:他们似乎把视频作为背景。他们怎么能这么做？
链接：
截图：
浏览 1提问于2013-08-15得票数 0
回答已采纳
如何在图像中模糊选择整体？默认情况下，Gimp仅在当前区域内进行选择，而不会超出边界。例如，我有一个要删除背景的文本。因为这是每一个O，当不在其中单击时，背景保持未选中状态。
浏览 0提问于2017-11-22得票数 0
我目前正在渲染一个背景，使用大约600条沿着图像宽度的描边线条，然后对它们进行高斯模糊。
我的问题是，对于背景来说，这被证明是相对较慢的，我更喜欢它接近即时。
我在玩弄一个有多个停靠点的LinearGradient更适合这项工作的想法，你们觉得哪一个会更好？
浏览 2提问于2013-04-09得票数 0
回答已采纳
我发现一个伟大的小脚本模糊了背景图像的卷轴。希望我能让它在背景视频上工作。实际上是这样的。但它似乎在某种程度上倒退了。视频一开始正确加载。当你开始滚动，它立即消失，然后开始淡入，而不是退出。不知道怎么做，或者我能不能让它正常工作。在背景图像上似乎没问题。但不是在视频里。
(function() {
'user strict';
var hello = document.getElementById('homeheadline'),
blur = document.getElementById('
浏览 4提问于2021-07-30得票数 0
回答已采纳
1回答
我需要模糊面孔，以保护人们在街景图片中的隐私，就像谷歌在谷歌街景中所做的那样。模糊不应使形象在美学上令人不快。我在谷歌()的“谷歌街景下的大规模隐私保护”( in Google by Google () )的报纸上看到，谷歌做了以下事情来模糊被检测到的面孔。
我们选择应用混合噪声和侵略性高斯模糊，我们阿尔法混合与背景，从边缘开始的框。
有人能解释一下如何完成这个任务吗？我理解高斯模糊，但如何将其与背景相融合？
代码是有用的，但不是必需的。
我的问题不是如何模糊图像的一部分，而是如何将模糊的部分与背景混合，使模糊不令人不快？请参阅我从报纸上提供的报价。
我有很多很大的图片。迭代过程，如可
浏览 4提问于2016-05-19得票数 0
回答已采纳
我有一个页面，它根据文档的宽度动态调整字体大小。这导致的高度不是像素完美，但浏览器包围他们。
在中有一个问题。
通常，背景图像从其元素的边缘开始，与其顶部偏移后的边缘相同的像素被四舍五入为像素，但是当应用border-radius时，背景从元素的边缘开始，如果顶部偏移量不会被舍入，那么图像可能会模糊。
<div class="FIRST"></div>
<div class="SECOND"></div>
JS
document.body.onresize = function () {
document
浏览 2提问于2013-12-18得票数 1
1回答
我正在玩从XNA样本页花着色器，以做一些发光阴影。我在一个背景上绘制线性主义者/直线分裂者的原始矢量平方。不过，我要面对一些问题。
有了黑色背景和白色方块，我实际上可以看到广场。然而，有着白色的背景和黑色的方块，我根本看不到它们。
为什么会发生这种事，我有什么办法解决吗？
我可以修改我的花期着色器也“发光”的黑暗元素，如果这是造成它的原因？
浏览 0提问于2011-06-19得票数 2
回答已采纳
我很难理解filter brightness / blur的CSS规则，直接通过ImageMagic在原始图像上复制相同的效果。
：每个化身都在一个背景图像上，这个背景图像实际上是同一个化身，但是模糊和黑暗。我试着用原始图像制作背景。
背景的CSS
.professional-card .header .avatar-background {
width: 110%;
height: 110%;
background-size: cover;
-webkit-filter: blur(10px) brightness(50%);
filter: blur
浏览 4提问于2018-01-01得票数 1
回答已采纳
让swing组件上的纯文本在背景中具有发光效果的最简单方法是什么？
示例: From
->
区别可能不是那么明显，但在第二张图片中肯定有光芒。提前谢谢。顺便说一下，我在java中找不到这个问题的答案。
浏览 2提问于2012-10-02得票数 3
回答已采纳
我正在尝试将foggy.js ()应用于引导Modal的后端。这将允许我模糊背景中的每一个元素，我已经完成到目前为止，但Modal弹出也是模糊的。因此，我的问题是，我如何应用模糊的后降和它的子元素，使模态不是模糊的，但其他一切是。
这是我的密码。注意，我有一些代码来启动和停止Vimeo以及启动和停止旋转木马。
$(document).ready(function(){
$('.close-video').on('click', function (event) {
for (var i = 0; i < window.frames.length;
浏览 8提问于2014-10-31得票数 0
回答已采纳
2回答
在一款XNA 2D游戏中，我正在考虑稍微模糊背景以增加深度的感觉？我已经使用视差滚动，这是相当好的工作，以提高深度感知。然而，一些较新的游戏，如超级马里奥兄弟2在奈特图3DS额外使用模糊的背景。
诚然，这是一个非常极端的例子：
3DS http://www.zavvi.com/blog/wp-content/uploads/2012/08/MARIO2-580x347.jpg示例上的SMB2 2
对我来说，模糊的视觉并不是很令人愉快，但还是增强了深度的感觉。我想知道是否有任何关于这个问题的研究或个人经验？
目前，模糊是由HLSL像素着色器(或GLSL通过Mojoshader与MonoGame)
浏览 0提问于2013-01-19得票数 2
我正在更新我的应用程序到iOS 7，并希望改进UI。我想要创建一个查看背景，如控制中心。所以基本上，我有一个按钮，我想让一个通过和“模糊”的背景，如控制中心。谢谢!
浏览 7提问于2013-09-27得票数 6
回答已采纳
1回答
关于应用程序-我是一个使我的应用程序背景模糊壁纸。在活动中使用getWallpaper()方法很容易获得可绘制的墙纸。然后，我将可绘图转换为位图，并使用模糊算法模糊位图，然后将其设置为背景图像。整个过程大约需要1到5秒的时间。所以我决定把模糊的壁纸放在SD卡中，所以我需要从sd卡中获取图像，这样就不用花那么多时间了。因此，每次用户改变壁纸，我需要使墙纸模糊，并保存到SD卡。为此，我需要ACTION_WALLPAPER_CHANGED广播接收器。
问题- 意图过滤器在API 16之前工作得很好，但是从API 16开始就不再推荐它了，并且不会广播墙纸更改的操作。
我想，每当用户改变背景，我需要我的
浏览 1提问于2013-11-09得票数 2
回答已采纳
4回答
如何在iOS应用程序中的第一个视图控制器上创建模糊视图？就像Xcode在导航器中模糊桌面的背景一样，我最近发现苹果的“远程”应用程序在iOS上也是如此(应用程序的背景是模糊的背景图像)。这是否可能以任何方式使用公共API？用UIView代替UIBlurView只会产生灰色背景.
浏览 0提问于2016-07-26得票数 0
回答已采纳
1回答
霜玻璃效应
我在考虑如何合乎逻辑地处理这个问题。
因此，我们以背景图像(例如)
然后，我们想要添加我们的磨砂玻璃按钮到这个图像。应该是这样的..。
现在我知道我不能编程模糊按钮的背景图像，所以我会尝试用两幅图像来做。Background.png和Backgorund_Blurred.png.
现在，磨砂玻璃效果将发生在动画物体上。因此，当它们在屏幕上移动时，它应该会模糊它背后的背景图像，然而，为了实现这一点，我只能想到一种方法。但这样做超出了我目前的能力。
例如，它必须是用于background_blurred的UIButton图像。不以任何方式缩放，大小与正常背景完全相同
浏览 6提问于2015-03-29得票数 1
回答已采纳
请有人告诉我，如果有可能，以及如何模糊背景使用调光选项在“高级幻灯片JS"，我知道它可能不能工作，但我仍然愿意尝试一些浏览器。第二，有人能告诉我如何在鼠标点击时触发调光器，而不是在弹出图像加载时触发，这是默认的。
谢谢你的耐心!
浏览 5提问于2013-07-26得票数 0
回答已采纳
6回答
我做了。
我试图模糊背景图像，但主要内容也模糊不清( <span>)
我如何在不模糊内容的情况下模糊背景？
浏览 2提问于2013-12-05得票数 38
回答已采纳
1回答
模糊边缘周围的圆形图像
、、、、
我正在创建一个Windows 10移动UWP应用程序。我有一个圆圆的形象，我正试图在边缘/边界上褪色。在图像背后有一个模糊的背景，我正在尝试创建一个外观，图像与模糊的背景一起褪色。
圆形/椭圆图像的XAML代码：
<Ellipse Height="145"
Width="145"
HorizontalAlignment="Center"
VerticalAlignment="Bottom">
<Ellipse.Fill>
浏览 2提问于2016-01-22得票数 2
2回答
作为pygame的初学者，我正在尝试构建一个游戏，希望在游戏结束时模糊背景，并显示玩家的分数，并询问他/她是否还想玩。
我不知道如何在pygame中模糊背景。有谁可以帮我？
谢谢。
浏览 2提问于2020-06-28得票数 2
1回答
我添加了一个背景图像来解锁18.04屏幕，在ubuntu.css中使用usr/share/gnome-shell/theme中的以下代码
#lockDialogGroup { background: #2e3436 url("unlock-background.jpeg"); background-repeat: none; background-size: cover; }
虽然它工作的伟大，它有可能增加一个模糊的效果，任何图像，我们正在使用的解锁屏幕背景？谢谢。
例如：靠近下面模糊的东西
📷
来自w3schools的可能解决方案
/* Add the blur effect
浏览 0提问于2019-06-25得票数 1
我试图添加一个模糊的背景图像在我的UWP应用程序。使用此代码，我可以向图像添加一个蓝色，没有问题(我实际上是在运行时将其应用于从web动态加载的图像)
<Image Source="Assets/Photos/BisonBadlandsChillin.png"
Width="100"
Height="100">
<interactivity:Interaction.Behaviors>
<behaviors:Blur x:Name="blurry
浏览 3提问于2017-01-03得票数 1
3回答
信压效应
、、
我似乎无法得到正确的颜色值/名称，这样我就可以得到文字的信压效果。
若要创建已盖印文本的外观，请选择比背景颜色更深的文本颜色，然后创建带有1 1px模糊的1px文本阴影，并将其偏移到1 1px。使文本阴影略轻于背景。
background-color: rgba(255, 255, 255, 0.8);
color: #222;
text-shadow: 1px 1px 1px #FFFFFF;
到目前为止我只得到这个
我该怎么做
找到比背景颜色更深的文本颜色。背景颜色是rgba (255,255,255，0.8)，文本颜色是#222。
查找比背景更亮的文本阴影颜色。
浏览 5提问于2012-08-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
