css如何实现鼠标移至图片上显示遮罩层及文字

html-css024

css如何实现鼠标移至图片上显示遮罩层及文字,第1张

1.首先看看HTML、一个img图像控件和一个带掩码样式的div,其中包含文本。这是蒙版层。

2.然后,查看样式定义。首先,查看图像容器和图像的样式,如图所示。这主要是准备我们的绝对定位口罩。

3.看看蒙版层的样式定义。代码如图所示。

背景:rgba(0,0,0,0.7)

透明度可以通过修改后面的0.7号来改变。1是完全不透明的,0是完全透明的。

4.然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的,既方便又简单,所以我们首先介绍jquery脚本库。

5.添加mouseover和mouseout事件,主要是当鼠标移动到图像容器上时显示蒙版层,当鼠标移出时隐藏蒙版层。

6.刷新页面,您可以看到页面上显示的正常图片。

7.当我们把鼠标放在蒙版层上时,蒙版层就会显示出来。

众所周知,口罩的作用是过滤空气中的粉尘、微生物等微小粒子,对这些微小粒子的过滤率越高,这种口罩的效果也就越好。N95型口罩就是对空气中的微小粒子的过滤效率达到95%以上的一类口罩,这种口罩的过滤效果非常好。新型冠状病毒肺炎主要是通过飞沫(即人的唾液)传播的,因此佩戴N95口罩可以有效的降低感染病毒的风险。但是N95口罩也不是万能的,关键是正确配戴很重要,配戴不对,努力白费。还有就是,如果发现N95口罩出现变形,破损,一定要及时更换,N95口罩不是可洗的防护口罩,千万不要用水洗,N95口罩一般配戴4到6个小时必须更换。更换下来的口罩不要随便乱扔,要及时的消毒处理。以免病毒通过空气传播。疫情不可怕,关键在于提高个人的防范意识,从我做起,从身边的小事做起,就会避免传染,远离病毒的侵袭。

口罩正规生产厂家3M、霍尼维尔、绿盾、适美佳、稳健、睿世堡、德尔格、DACH、UVEX优唯斯、Kowa三次元等。其中上市企业有3M,3M防颗粒物口罩的发明者,市场占有率超过80%,也是目前全球防护类口罩较为知名的生产商之一。旗下N95口罩已经过美国NIOSH N95认证,符合中国标准GB2626-2006 KN95防护级别。还有霍尼维尔,口罩口碑非常好,但霍尼韦尔生产的口罩型号不是非常多,最有名的一款是霍尼韦尔H901口罩。还有德尔格、DACH也都是上市公司,德尔格来自德国,旗下口罩是按照欧标水准生产,满足并高于国标。DACH口罩有多种可选型号,分别都通过了DQS、IQNET、BSI、NELSON等国际认证机构认证。

总的来说,这些品牌的口罩都是不错的,大家可以放心购买。但是不是所有人都适合戴n95口罩,7岁以下的儿童或家中体弱呼吸不畅的老人不适合戴,用医用外科口罩就可以。

当然是3M的啦, 本人工作是在粉尘状态下工作 公司作业时候标配3M口罩 很棒

MEO 防雾霾口罩就非常好,很多地方都配的是这个牌子的口罩,他们家的口罩透气性和舒适性都非常好,你可以买一个试试。

做我们这个行业时时刻刻都得佩戴口罩,换了好几家也就他们家的口罩戴着最舒服,而且效果也好。所以我觉得MEO 防雾霾口罩就蛮不错的,

——2月2日有货汇总-防护篇——

【护目镜】防尘防飞沫高透光

京东价:65元(春节也发货)

https://u.jd.com/IZOAQv

【小喷雾瓶】3个装84消毒液小喷壶酒精喷雾瓶50ML装

商城价:19.9元 券后价:9.9元

https://u.jd.com/yYkH2x

【84消毒液】家用洁厕除臭地板清洁多用型漂白衣物消毒水 500ml

京东价:22.8 预计最晚2.15发货

https://u.jd.com/6PDniS

【威猛先生 洁厕液】480g*3

12.9元 (满99包邮)

https://u.jd.com/ivjGT0

【军研免洗洗手液】免洗手抑菌液500ml家庭抑菌消毒 2瓶装【2月9号起发货发顺丰】

商城价:138元 券后价:99元

https://u.jd.com/aAeGVO

【好迪洗手液】500g*3瓶

券后价19.9元 (包邮,预计2月7日发货)

https://u.jd.com/AS6hxg

【地球村 杀菌除醛盒子】

券后价79元 (春节正常发货)

https://u.jd.com/MxoYd5

【骑行设计的N95口罩】内含的滤片,可以使用30天,节后上下班使用,全网疯抢

京东价: 56 含过滤片

https://u.jd.com/28g1GL

单买过滤片:https://u.jd.com/TZFRRi

【食品级一次性PVC手套】小号(包邮,加厚100只装)

39.9元

https://u.jd.com/YBceom

【极喔 便携消毒喷雾】 60ml*4瓶 (空气+衣物+玩具+果蔬)

69元 (预计2月17日发货)

https://u.jd.com/JI4XsI

【59秒紫外线消毒柜】LED内衣裤消毒机可用于毛巾内衣裤袜子杀菌收纳袋 防流感病毒消毒柜 P55(专业版)

商城价:521.00元

https://u.jd.com/mFnCsS

答应给儿子买aj鞋,做父母的也不懂,没想到这么贵,竟然要300多!为儿子值了,等会放学回来给他个惊喜!

口罩用3M的没毛病!

如何选购口罩?

对于医用外科口罩而言,一定要看准是根据YY 0469-2011医用外科口罩标准的产品,这个有很多,大家买的时候注意甄别就是。

对于N95防护型口罩而言则是要注意甄别是否有GB 2626-2006标准的「KN95」或者NIOSH标准的「N95」的标识。

由于N95型口罩一定是要在保证气密性的前体下,才能实现95%的阻隔。然而对于大多数的公众来说,受限于普通人佩戴方式不正确、胡须或脸型问题不能完全贴合面部、憋得难受经常摘下换气等因素,事实上是很难达到95%的效能的。

因此,对于大多数非疫区公众来说,如果仅是日常外出及一般公众场所的话,其实医用外科口罩足以,既能达到相近于N95的效能,又能获得更好的舒适度。

至于说是否一定需要医用型的N95才能有效对抗病菌?对于普通公众来说,鉴于目前医用型实在缺货,而且价格也被炒高了不少,在这种情况下其实也是没必要非要医用型的。无论是美国的FDA批准认证还是中国的GB 19083-2010医用防护口罩标准,基本上都仅是在N95/KN95相同过滤效率的基础上增加了对合成血液穿透能力(也就是污染性液体的防水性)的要求。

普通人其实基本上不会遇到大量污染性液体喷溅的场景,所以3M的一般工业用N95口罩就足够了。只要看清楚它是否标示有GB 2626-2006标准的「KN95」或者NIOSH标准的「N95」(这是第二次提到了,属于重复强调)。

但,如果你是想要捐献给一线医疗人员、支援抗击疫情,或者身处疫区一线、直接接触病患的话,当然还是首选医用型的防护型口罩,比如说3M牌18型号开头的几款:「1860」、「1870(+)」、「1805」和「9132」,以及其它符合或高于GB 19083-2010医用防护口罩标准的防护口罩。

用两个口罩好了!完全防住雾霾是不可能的,我们只能争取少吸入一点,千万别在雾霾天室外健身。一定要锻炼,就室内甩手与踮脚尖八十一下吧!或者,在上午十点与下午四点之间锻炼吧!