Comment créer un arrière-plan flou dynamique de style Vista/7 en CSS sans affecter le contenu ?

Arrière-plan flou avec CSS

Question :

Comment créer un arrière-plan flou dynamique de style Vista/7 effet en CSS sans affecter le contenu dans le élément ?

Réponse :

Mise à jour (octobre 2016) :

Utilisation du filtre SVG et du pseudo-élément :

Une approche plus simple consiste à utiliser un pseudo-élément combiné à un filtre de flou SVG. Cette technique évite de brouiller le contenu et prend en charge un navigateur plus large, notamment Firefox, Chrome et Opera.

Solution originale :

Utilisation de -moz-element( ) avec filtre SVG (Firefox uniquement) :

1. Utilisez la propriété -moz-element() pour définir l'élément flou comme image d'arrière-plan.
2. Appliquez un filtre de flou SVG à l'élément d'arrière-plan.
3. Facultativement, utilisez jQuery pour activer le défilement si l'arrière-plan est fixe.

Bien que cette solution soit limitée à Firefox, elle offre une option viable pour obtenir l'effet souhaité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!