动态更改框的z-index

时间:2019-05-15 14:03:14

标签: javascript css

enter image description here我有两个不同的对象,当我将鼠标悬停在每个对象上时,将出现一个巨大的文本框,该文本框与相对的对象重叠。当我将鼠标悬停在两个框上时,我需要将其z-index设置为2。我的问题是我可以一次操作其中一个框,但不能同时操作。

我将html放置在问题的左侧。

图片链接位于帖子的底部。我提供了3张不同的图片。enter image description here

                                                                                                                                                         安全利益                                                                                                                                                                     充气不足的轮胎仍然是导致轮胎故障的第一大原因。在不适当的压力下运行会导致热量积聚,板层分离,侧壁/套管损坏等等,仅在美国,每年就导致40,000多起事故和600多人死亡。                                 

                                                                                                                                                                                                 此外,不适当的充气会削弱制动能力和车辆操纵性能,从而给驾驶员带来进一步的安全并发症。

                                                         保护您的操作员和设备。                                                                                                                                                                                                        货币收益                             以最佳压力运行轮胎可为驾驶员和车队带来众多金钱优势,包括:

                            <div class="benefit-icon float-left">
                                <img class="monetary-icon01 benefit-icon-img" src="img/benefits/benefits_icons_02.png" alt=""/>
                            </div>
                            <p class="benefit-par float-right"><strong>Increased Fuel Efficiency:</strong> Under inflated tires waste over 2,000,000,000 gallons of fuel each year in the US alone. Further, underinflated tires can decrease a vehicle’s average MPG by as much as 3.3%.</p>

                            <div class="benefit-icon float-left clear-both">
                                    <img class="monetary-icon02 benefit-icon-img" src="img/benefits/benefits_icons_01.png" alt=""/>
                                </div>
                                <p class="benefit-par float-right"><strong>Extended Tire Life:</strong> Underinflation is the #1 cause of tire failure, contributing to tire disintegration, heat buildup, ply separation, sidewall damage and casing breakdown. More, a difference of 10 psi on a set of duals drags the lower pressure tire 13 feel per mile, erasing tread further decreasing life.</p>

                            <div class="benefit-icon float-left">
                                    <img class="monetary-icon03 benefit-icon-img" src="img/benefits/benefits_icons_04.png" alt=""/>
                                </div>
                                <p class="benefit-par float-right"><strong>Downtime and Maintenance:</strong>  Under inflated tires lead to blown/damaged tires and increased roadside downtime. The Department of Transportation states that on average, 7-9% of vehicles experience roadside downtime due to problems caused by lo tire inflation each year, with an average repair cost between $700 and $900. Further items to consider are missed delivery slots, man hour time, customer satisfaction and more, leading to significant costs.</p>

                                <div class="benefit-icon float-left">
                                        <img class="monetary-icon04 benefit-icon-img" src="img/benefits/benefits_icons_03.png" alt=""/>
                                </div>
                                <p class="benefit-par monetary-par04 float-right"><strong>Increased Efficiency:</strong> PressurePro can provide greater efficiency, providing complete tire performance checks at the click of a button, freeing maintenance hours and pre-trip inspection time and leading to more vehicle ‘up’ time.</p>

                    <dt class="text-blue float-left benefit-text-bottom-close">KEEPING YOUR BOTTOM LINE, IN TIP-TOP SHAPE.</dt>
                    </div>
                </div>

enter image description here

0 个答案:

没有答案
相关问题