国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

.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>

La démo réalisée avec la couleur de fond est la suivante

https://codepen.io/jackpan/pe...

La démo réalisée avec box-shadow 或者 outline est la suivante :
https://codepen.io/jackpan/pe...

La bonne fa?on est d'utiliser box-shadow，如： box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)

Je pense qu'il existe deux méthodes?:
1. Utilisez 4 p pour créer une zone plus sombre autour.
2. Masquez 1 p sur l'image d'arrière-plan pour créer un endroit plus sombre, puis placez la même image d'arrière-plan dans le p supérieur et positionnez-la à la position appropriée.

filtre?: luminosité(1.3);
ou
backgournd-color?: rgba(0, 0, 0, 0.5);

Les deux méthodes sont disponibles

<p>//絕對定位
    <p>//背景圖
    </p>
    <p>//相對定位 遮罩層
    </p>
    <p>//相對定位 橫向光亮盒子
    </p>
    <p>//相對定位 縱向盒子
    </p>
</p>

Autant que les concepteurs peuvent résoudre le problème, essayez de ne pas utiliser de CSS pour l'écrire

Violet, utilisez absolu et z-index
][1]