Div模糊其背景

文章/答案/技术大牛

发布

2回答

javascript、html、css、blur

在我提供的网站上，div有以下CSS： width: 100%; position: fixed;background: #ffffff; opacity: 0.6;} 这显然是不够的，“模糊

浏览 19提问于2018-02-12得票数 0

1回答

是否有一种方法来覆盖-webkit-过滤器:模糊的子元素？

html、css、webkit

我试图让我的元素显示在图像背景的顶部，并将模糊应用于其上。<div class="bgImageContainer"></div></body> 现在，我认为第二个div应

浏览 1提问于2013-11-21得票数 3

回答已采纳

1回答

背景模糊div

html、css、background、adobe

需要帮助才能创建此背景模糊而不模糊文本。我已经尝试过css过滤器属性，但不能使它看起来像这样。我不是一个CSS鲨鱼，所以我希望有人能给我一个简单的解决方案:D

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

2回答

通过css模糊背景图像

php、html、css、wordpress、hook-woocommerce

</div> </div> content/uploads/2018/05/107.jp

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

回答已采纳

1回答

仅模糊集装箱背景

css、background、blur

我有一个网页，上面有这样的标记： <div>Some content</div> <form><div>Some form elements</div> </div> <d

浏览 2提问于2015-09-22得票数 0

回答已采纳

1回答

非固定/动态div将模糊其背后的背景图像。

javascript、jquery、html、css、blurry

在我的新网站项目，我有一个完整的背景图像。在这上面，有一个动态的div。这个div会模糊背景图像。因此，就在div后面，背景图像被模糊了。我刚在互联网上找到了一些固定位置之类的解决方案。而背景-过滤器我也不想避免，因为它几乎是不支持的。但是我不关心旧的IE等等。如果它能在现代浏览器中工作，那就没问题了。简而言之，：非固定/动态div将模糊其背后的背景图

浏览 2提问于2016-08-27得票数 0

回答已采纳

1回答

如何用透明的文字模糊一个空洞的图像？(文本通过图像的模糊性被视觉化)

html、css

我的想法是，我希望空洞的图像是模糊的，期望文本在哪里。文本应该从图像中看到。就像文字在哪里，图像不会模糊。如果任何人有任何想法，会喜欢的帮助，谢谢！

浏览 6提问于2022-09-19得票数 1

回答已采纳

1回答

CSS z- Chrome中的固定定位索引

css、google-chrome、css-position、z-index

真正重要的是标题，其结构是： <button id="login-panel-button">Login</button> </div> #登录面板在页面加载时被隐藏。唯一的方法是点击#登录面板按钮，这还会模糊其他一切

浏览 9提问于2014-02-26得票数 2

回答已采纳

2回答

使用css实现部分背景图像的<div>模糊

css、html、background、filter、blur

我使用这个解决方案来制作模糊的背景图像，它工作得很好！但我想在背景上做一些<div>，使它变得模糊。因此，只有在<div>下，背景才应该清晰和模糊。如果我在div上移动模糊滤镜，它会变得模糊，但背景图像仍然清晰。HTML很简单： <div class = "background"&g

浏览 0提问于2013-10-15得票数 12

回答已采纳

1回答

如何模糊目标div的背景视频？

javascript、jquery、html、css

我意识到有许多关于如何使背景图像模糊的问题，但我想知道是否有可能使用css或jquery(blur js)插件来模糊目标div的背景视频。目前，该插件只支持.body源代码，所以除了将我想要模糊的图像插入到“body”的背景中之外，没有其他方法可以针对任何其他div。或者，作为第二种方法，如果我使用这个js插件来实现滤镜模糊看看它是如何模糊文本的，

浏览 8提问于2016-02-09得票数 1

1回答

Blur.js与WordPress -排队，但服务器找不到文件

jquery、javascript、404-error

因此，正如标题所示，我试图在我的blur.js主题上运行WordPress。我在functions.php中对脚本进行了排队： wp_enqueue_script( 'blur', get_stylesheet_directory_uri() . '/js/blur.js', array('jquery') ); wp_enqueue_script( 'flexcroll', get_stylesheet_directory_uri() .

浏览 0提问于2014-02-25得票数 0

5回答

如何让div背景变得模糊？

html、css

因此，我有一个覆盖整个网页的背景图像，在中间，我有一个div，其中包含一些其他的子div(带有登录表单，一些段落，等等)。我想要的是只模糊背景图像中与div重叠的部分。图片：所以我只想让红色矩形中的图像部分变得模糊。如果我只是在主div中添加一个模糊过滤器，它只会模糊其中的内容(文本和表单)。此外，请记住，背景图像不是div的背景，而是整个页面的背

浏览 6提问于2017-03-15得票数 8

3回答

div的模糊背景

jquery、html、css

我想模糊一个div的背景。我只能找到应用于图像作为背景的解决方案，而不是HTML元素。它是移动应用，所以CSS3不是一个问题。我把一个放在一起，显示我的湿疹。我想要的结果是:当下拉列表出现时，它会模糊它后面所有元素的内容，而不是整个页面。下面是HTML，例如来自JSFiddle的目的：<a href="#" id="link">open/close</a> <div id="s

浏览 3提问于2013-06-17得票数 5

回答已采纳

2回答

模糊背景图像的特定部分

javascript、html、css

背景图像( background-size:cover;) 所以我的问题是，是否有可能通过像我为div那样定义区域来模糊背景</em

浏览 5提问于2013-07-06得票数 5

回答已采纳

1回答

如何:在div或后面或img中显示其他未着色背景的有色部分？

javascript、html、css

比方说，在一个网页上，有一个黑白背景，是一幅风景或城市的图片。现在，在页面上的div (其位置不必固定)中，您可以看到背景的颜色，但只看到背景中的一部分，即div的大小，即div充当进入黑白背景的彩色视图的“窗口”。我考虑了将div的背景作为div正在覆盖的背景的颜色部分，但假设站点的屏幕大小是响应性的，那么当站点转移到较小的屏幕大小时，这看起来不会太好--彩色图像将不再与图像对齐

浏览 0提问于2014-12-14得票数 0

回答已采纳

2回答

背景模糊- CSS

javascript、jquery、html、css

Hello，我试图使这个背景模糊像这个图像，所以我想知道我是否可以只使用CSS3，或者我需要使用Javascript & Jquery： padding: 20px;} color:#ffffff;<divid="bg"> <div id="search

浏览 0提问于2017-03-29得票数 5

1回答

图像侧面因拉伸而模糊

css、image、background-image

我想让我的div有模糊的边我已经尝试添加图像作为背景的div，并使它的中心边是白色的，我希望他们有拉伸模糊的效果背景:网址(image.jpeg)无重复居中；我想要的东西，如预期的代码:背景:25%模糊右，25%模糊左，网址(image.jpeg)无重复中心；预期输出： enter image description here 原图：enter image description here

浏览 8提问于2019-09-30得票数 0

回答已采纳

2回答

在div中添加模糊的边缘，但使内容保持透明。

javascript、html、css、blur

我有一个滑块，我希望内容div的边缘有一个模糊的效果，模糊背景图像的背后。背景图像来自父div。因为你可以看到里面的内容不是模糊的，你可以通过背景看到，但边缘是模糊的。

浏览 16提问于2022-08-24得票数 0

回答已采纳

1回答

CSS背景-仅用于边框和模糊边界的筛选

html、css、border、blur

创建一个元素来模糊其背后的元素是非常简单的。但是，我不知道如何只让backdrop-filter影响元素的边框。带有背景过

浏览 1提问于2021-08-21得票数 0

1回答

在调整页面大小时，对div的光滑背景使用Blur.js不起作用。

javascript、jquery、html、css、blur

我正在使用blur.js为我的html文档中的一个元素提供一个光滑模糊的效果。问题是，只有当背景尺寸被覆盖时，它才能工作。当我重新调整页面大小或将页面加载到不同大小的屏幕时，它就会造成混乱。translate(-50%, -50%); width:500px;}<divclass="centered">text</div> &l

浏览 4提问于2015-01-25得票数 0

点击加载更多