84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
Wie mache ich den Bereich in der Mitte heller als die Umgebung?
人生最曼妙的风景,竟是内心的淡定与从容!
.mask { position: fixed; z-index: 10000; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 300px; height: 100px; outline: 1000px solid rgba(0, 0, 0, 0.5); } <p class="mask"></p>
用背景色做成的demo 如下
https://codepen.io/jackpan/pe...
用box-shadow 或者 outline做成的demo如下:https://codepen.io/jackpan/pe...
box-shadow
outline
正确的方法是使用 box-shadow,如: box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)
box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)
我觉得有2种做法:1、用4个 p 做出它四周比较暗的区域。2、背景图上遮罩1个p做出比较暗的地方,然后最顶上一个p里放进同一张背景图,定位到合适的位置。
filter: brightness(1.3);或者backgournd-color: rgba(0, 0, 0, 0.5);
这两种方式都可以
<p>//绝对定位 <p>//背景图 </p> <p>//相对定位 遮罩层 </p> <p>//相对定位 横向光亮盒子 </p> <p>//相对定位 纵向盒子 </p> </p>
设计师能解决的尽量不要用css来写
酱紫的,用absolute和z-index][1]
用背景色做成的demo 如下
https://codepen.io/jackpan/pe...
用
box-shadow
或者outline
做成的demo如下:https://codepen.io/jackpan/pe...
正确的方法是使用
box-shadow
,如:box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)
我觉得有2种做法:
1、用4个 p 做出它四周比较暗的区域。
2、背景图上遮罩1个p做出比较暗的地方,然后最顶上一个p里放进同一张背景图,定位到合适的位置。
filter: brightness(1.3);
或者
backgournd-color: rgba(0, 0, 0, 0.5);
这两种方式都可以
设计师能解决的尽量不要用css来写
酱紫的,用absolute和z-index
][1]