Sujet Précédent Sujet Suivant

Barre de blur

Fermé
Utilisateur anonyme - 22 juin 2014 à 22:22
 Utilisateur anonyme - 22 juin 2014 à 23:12
Bonjour à tous et à toute amis webmaistres !

J'ai un problème. j'essaye de faire une barre horizontale qui mesure 70px de hauteur. Elle est transparente et donne un effet de flou au texte qui défile dessous... mais voilà je n'arrive pas à la dimensionner pour 70px puisque si je ne met rien dans le div "<div id="bd"></div>" la barre ne "floute" plus et si je met quelque chose dedans... ben sa floute tout ! voici mon code html: 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style.css" />
        <title>Le Nouveau Journal</title>
    </head>
    <body style="background-color: rgb(238, 238, 238); z-index: 1">
    <p class="Titre" style="text-align: center">Le Nouveau Journal</p>
    <div id="bd"></div>
    <div class="tout">
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p>
    <p>pppppppppppppppppppppppppppppppppppp<br/>pppppppppppppppppppppppppppppppppppppppp</p> 
    </div>
    </body>
</html>

mon CSS: 

.Titre {left: 1%;
position: fixed;
z-index: 4;}
#bd{padding: 0px;
margin: 0px;
border: none;
width: 100%;
min-height: 70px;
max-height: 70px;
position: fixed;
top: 0px;
-webkit-filter: blur(2px);
z-index: 2;
display: inline-block;}

1 réponse

Réponse 1 / 1
zermat Messages postés 160 Date d'inscription jeudi 19 juin 2014 Statut Membre Dernière intervention 3 juin 2016 16
22 juin 2014 à 23:10
Ajouter
overflow: hidden;
à #bd
0
Utilisateur anonyme
22 juin 2014 à 23:12
J'ai essayer problème sa coupe le texte.
0

Discussions similaires

Barre verticale droite sur clavier
k_lou -
Leuide -

41 réponses
Barre verticale droite sur clavier mac
oui -
jeanbern -

1 réponse
Alt + = un égal barré = différence !
KAPAZZA -
benj -

7 réponses
Comment faire le signe = barré?
rma71 -
gillette83 -

5 réponses
Quelle touche clavier ou combinaison pour désigner "différent de
Isismo -
abdo -

10 réponses