Jquery到网页的灰色部分-Jquerytogrey-outpartsofthewebpage

0  

On click of A/B/C you can add a div overlay with a transparent grey bg color and increase the z-index of the clicked element higher than the overlay.

单击A / B / C时,您可以添加具有透明灰色bg颜色的div叠加,并将单击元素的z-index增加到高于叠加层。

0  

Use an overlay div that will be positioned absolutely above anything else on your page with z-index then set your clicked box's z-index to overlay's + 1.

使用覆盖div,使用z-index将其定位在页面上的任何其他位置,然后将单击框的z-index设置为overlay + 1。

0  

There are a couple of ways to do this, but a relatively quick and easy way is to make the elements that you need to grey out be of the same class. Then when you select an item give that element an additional class, and change the css for the elements named above except for the selected element with the additional class.

有两种方法可以做到这一点,但是一种相对快速和简单的方法是使你需要灰色的元素属于同一个类。然后,当您选择一个项目时,为该元素添加一个附加类,并更改上面命名的元素的css,除了带有附加类的selected元素。

This is a link describing one way to accomplish this.

这是描述实现此目的的一种方法的链接。

0  

You could try to place an div over the area where A,B,C are placed. In this div you will have a background-color like so :

您可以尝试在放置A,B,C的区域放置div。在这个div中你将有一个像这样的背景颜色:

#myDivHider{
    background-color:rgba(0,0,0,0.4);
    display:none;
}

When you either click a,b or c You "activate" (display:block), the whole thing and set the z.index of your a,b or C that it get's up "higher".

当你点击a,b或c你“激活”(显示:阻止)时,整个事情并设置a,b或C的z.index,它会变得“更高”。

An alternative would be a plugin from jQueryTools, called Expose.

另一种选择是来自jQueryTools的插件,称为Expose。

• http://jquerytools.org/demos/toolbox/expose/index.html

0  

One way to do it would be to temporarily change positioning of the element to absolute and give it a high z-index, then add a layer below it that would act as the overlay.

一种方法是暂时将元素的位置更改为绝对值并为其赋予高z-index,然后在其下方添加一个层作为叠加层。

You could also use a plugin, for example this one: http://jquerytools.github.io/documentation/toolbox/expose.html

您也可以使用插件,例如:http://jquerytools.github.io/documentation/toolbox/expose.html