相关疑难解决方法(0)

我有一个JPEG文件,我正在使用它作为搜索页面的背景图像,我正在使用CSS来设置它,因为我在Backbone.js上下文中工作:

background-image: url("whatever.jpg");

我想一个CSS 3模糊滤镜应用只为背景,但我不知道如何做到这一个元素的风格.如果我尝试:

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);

就background-image在我的CSS 下面,它调整整个页面的样式,而不仅仅是背景.有没有办法只选择图像并应用过滤器？或者,有没有办法只为页面上的每个其他元素关闭模糊？

我通过点击某个类的div来调用下面的函数.

有没有办法在用户使用Internet Explorer时检查何时启动该功能,如果他们使用其他浏览器就中止/取消它以便它只为IE用户运行？这里的用户都将使用IE8或更高版本,因此我不需要涵盖IE7及更低版本.

如果我可以告诉他们使用哪个浏览器那将是很好但不是必需的.

功能示例:

$('.myClass').on('click', function(event)
{
    // my function
});

我正在进行Ajax调用,它会返回一些信息,包括图像路径.我在HTML中准备了所有这些信息,这些信息将显示为一种弹出窗口.我只是将popup div的可见性从隐藏切换为可见.

要设置弹出窗口div的位置,我必须根据图像的高度进行计算.因此,在设置位置和将可见性切换为可见之前,我必须等待图像加载以了解其尺寸.

我尝试了递归,setTimeout,完成img属性的技巧,而循环...没有成功.

那么,我该怎么做呢.也许我应该在Ajax调用中返回维度.

Bootstrap在显示模态对话框时使用停电.我如何在整个背景上模糊效果？

我现在正在做一些事情，但这根本行不通！

基本上，我想做的是在图像上放置一个黑色的不透明“屏幕”，使其不那么明亮，您可以阅读图像顶部的文字。

此处显示的示例：

这就是我目前所拥有的。

<div class="overlay">
    <span class="front-coffee block"></span>
    <p class="center">Coffee Shop</p>
</div>

div.overlay{background: black; z-index: 5; width:100%; height:100%;}
.block { display: block; }
div.popularCategory p{font-size: 24pt; color: white; margin-top:-50px}
span.front-coffee{background:url('../img/categories/coffee.jpg') no-repeat center; zoom:0.65; width:100%; height:100%; z-index: 4}