CSS背景-滤镜模糊效果在Chrome中未对齐

文章/答案/技术大牛

发布

1回答

html、css

在Chrome 75中，这会导致父div的背景滤镜效果应用在预期区域之外。IOS/Safari不会出现这种情况。Firefox或Edge根本不支持背景滤镜。不确定其他平台/浏览器。请注意:您需要在chrome://标志中激活‘实验性Web平台功能’才能看到模糊效果。这是Chrome的bug还是我做错了什么？如果它是一个bug，是否有一些CSS解决

浏览 21提问于2019-07-31得票数 1

2回答

通过css模糊背景图像

php、html、css、wordpress、hook-woocommerce

</div> </div> 它们的CSSkhaleejdev.com/kds/newtornetto/wp- background-size: 100%;我想让下面的标题背景图像模糊请检查图像，我只想模糊

浏览 63提问于2018-06-11得票数 1

回答已采纳

2回答

如何修复CSS背景-滤镜模糊消失时，使用过渡变换或持续时间？[Chrome]

css、blur

简单的代码：当您将背景滤镜模糊与父对象中的过渡持续时间或变换组合在一起时，会发生错误。.slider__item { backdrop-filter: blur(89px);当您单击该按钮时，CSS模糊会消失一秒钟，然后幻灯片再次变模糊。Chrome:问题 Firefox: Works (你必须先在about:config中</e

浏览 4提问于2021-03-31得票数 2

1回答

如何提高svg模糊性能(在safari中)？

html、css、svg、safari、svg-filters

我在多个旋转的老虎机卷轴上使用feGaussianBlur来模糊图像。随着网眼速度的加快，stdDeviation也相应地增加。这会导致非常高的CPU使用率和safari浏览器中的滞后。我在一些文章中读到了css模糊，但他们总结说，性能是相同的。编辑:我测试了css模糊，性能更差。

浏览 1提问于2020-11-28得票数 0

1回答

CSS磨砂玻璃看起来没有背景滤镜，但包括径向渐变

javascript、html、css

我正在尝试实现一个用于Ankic卡的，我用Figma制作，用CSS。主要的问题似乎是background: inherit;被用来对齐背景图像。我不太明白如何在没有继承选项的情况下对齐它们。那么，有没有办法让渐变“包含”在

浏览 16提问于2021-06-11得票数 1

回答已采纳

2回答

CSS背景-滤镜: Safari中的模糊和Chrome渲染问题

html、css

div id="container"></div> This is on Safari (这是我想要的，也应该是这样的) This is on Chrome如果对象的父对象及其本身具有backdrop-filter属性，则在Safari浏览器中可以很好地工作，但不会将此CSS属性应用于chrome子对象。或者不渲染。这是个错误吗？

浏览 43提问于2020-12-02得票数 0

1回答

CSS过滤器(任意)在Chrome 62中绝对定位复选框后隐藏元素

css-filters

下面是我想要显示对话的表单的一些图像，并想模糊背景。这在其他浏览器上运行良好，但在Chrome版本62.0.3202.94 (官方版本)(64位)中，它会产生问题这是一个切换按钮，用于更改输入字段的大小下面是复选框的css `opacity: 0; padding: 0; position: absolute; margin-top: -999999999px; margin-bottom: 0; margin-left:

浏览 0提问于2017-11-27得票数 0

1回答

CSS的高度和宽度属性在IE10中不能正常工作

css、image、web、height、width

我设置了css，当图像悬停在上面时，唯一的手臂图像消失，显露出具有移动手臂的.gif。我认为问题出在下面的代码中：marginwidth: 100%;

浏览 0提问于2013-06-04得票数 0

回答已采纳

2回答

是否可以在HTML5对话框背景中添加模糊效果？

css、html、dialog、css-filters

我正在尝试给的背景添加一种模糊效果(我意识到dialog目前只有有限的支持--我使用的是Chrome v66)。我尝试过在 css中添加模糊滤镜(不太走运)，但还不支持。

浏览 0提问于2018-06-25得票数 1

6回答

带有CSS的背景模糊

css、popup、aero-glass

ms-filter:blur(4px); -webkit-filter:blur(4px);然而，正如我所期望的那样，导致对话框的 content 模糊了，并且背景保持清晰。有没有办法用CSS模糊半透明元素的背景而不是其内容？

浏览 6提问于2013-01-28得票数 47

回答已采纳

4回答

查看谷歌绘图中的标尺

google-drawings

例如，请参见Word中的以下屏幕截图：谷歌图片中是否有打开尺子或类似物体的选项？

浏览 0提问于2015-07-23得票数 4

回答已采纳

7回答

CSS:解决背景滤镜的问题？

html、css

backdrop-filter是最近的CSS功能，在现代浏览器中还不能使用(至少在2016年7月1日)。 Chrome 51支持backdrop-filter通过实验Web平台标志。

浏览 88提问于2016-07-01得票数 107

回答已采纳

3回答

如何用css制作透明羽毛

javascript、jquery、html、css

我打算把这张照片放在webm上，这样背景就不会一直保持不变了。这就是为什么我要让羽毛透明的原因，我还没有成功！这在CSS中是可行的吗？#fff;}<body></body> 我知道你们中的许多人会说我可以将阴影的颜色设置为绿色，但正如前面定义的那样，我想让它变得透明，因为<em

浏览 8提问于2015-12-22得票数 5

5回答

在Chrome的select输入上使用方框阴影

css

在Chrome和火狐浏览器中，除了select和input之外，它似乎可以在所有应用它的元素上工作。它在Firefox中可以很好地处理这些输入类型，但在Chrome中就不行了。你知道为什么吗？

浏览 0提问于2011-09-05得票数 14

回答已采纳

1回答

CSS3不透明度过渡，铬不褪色背景-图像

jquery、macos、google-chrome、safari、css-transitions

我更喜欢动画的CSS3过渡，我只使用Jquery的路点来触发它。淡入效果在Firefox中运行良好，整个div都会淡入，但在Mac上的Chrome & Safari中，div的背景图像不会淡出，它只是跳进来而已。例如，检查(模糊部分应该会淡入) -ms-opacity: 0; opacity

浏览 0提问于2013-07-08得票数 1

8回答

如何复制PS多层模式

css、image、overlay、photoshop、rgba

有没有人知道用图像或CSS复制Photoshop的多层模式的好方法？

浏览 10提问于2010-06-02得票数 51

回答已采纳

7回答

如何使用CSS创建磨砂玻璃效果？

html、css、image-processing、transparency、css-filters

我想创建一个固定在一个位置的div，并使其半透明-使其后面的内容部分可见和模糊。我正在寻找的样式类似于中“See All”缩略图的div。我唯一能做的就是调整opacity: 0.9，但我不能模糊div下的内容。注：div有一个固定的位置，背景滚动。scolls的背景是文本和照片的混合。

浏览 0提问于2013-06-13得票数 11

回答已采纳

2回答

TypeError:无法读取React扩展上未定义的属性“错误”

javascript、reactjs、google-chrome-extension、redux、react-redux

我的弹出应用程序在运行时失败，控制台上有以下错误消息： return)(new Error(), error)); resolve(value.payload); });}import {Store} from 'react-<em

浏览 2提问于2016-12-29得票数 10

回答已采纳

6回答

如何使用jQuery/JS检测元素继承的背景色？

javascript、jquery、html、css

使用jQuery (或仅使用JavaScript)，如何检测元素继承的背景色？<p id="target">I'd like to know that the background-color here is red</p>但是：和 $('#target').css(&#x

浏览 0提问于2010-11-24得票数 13

回答已采纳

5回答

Google Chrome中的JQuery找不到背景图片

jquery、google-chrome、css

我有一个按钮，我想要更改它的背景，以显示当用户单击它时它是禁用的。它在IE/FF中工作得很好，但在chrome中，它似乎找不到背景图像，并使背景什么都没有。我只是在jQuery 1.2.6中做一个简单的css设置。$(".CheckoutBt").css("background-image", "url(/Portals/_default

浏览 0提问于2009-03-04得票数 4

回答已采纳

点击加载更多