简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css - Pourquoi le filtre Blur() a-t-il un effet transparent?
巴扎黑
巴扎黑 2017-05-16 13:26:12
0
1
743

La situation actuelle est la suivante. Pékin a défini un arrière-plan flou pour les photos des magasins, mais maintenant j'utilise un filtre pour le rendre flou et il y a un problème de transparence
Parce que l'arrière-plan flou est généralement un pseudo-élément ? mais lors de l'utilisation de vue, la ressource image ne peut pas être obtenue en CSS, donc... J'ai écrit un élément qui remplit tout le conteneur grâce à un positionnement absolu

#headWrapper{ position: fixed; top:0; width: 100%; height: 2.2rem; padding: .15rem .25rem; box-sizing: border-box; font-size: 14px; z-index: 2; } .e_header{ width: 100%; height: 100%; position: absolute; top:0; left: 0; background: cover; z-index: -1; filter: blur(10px); -weblit-filter:blur(10px); background-position: center; }
巴扎黑
巴扎黑

répondre à tous (1)
仅有的幸福
仅有的幸福2017-05-16 13:28:12 1 plancher

Essayons une autre méthode :

 
 
 .e_header { //... background-color: #fff; } .e_header .cover { //... filter: blur(10px); }
Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！