2 erreurs dans le code ci-dessus. Extra </div> dans le HTML et la "position" mal orthographié dans la .content règle css. Le jsfiddle il ne semble pas exister plus. Serait-il possible de mettre à jour le lien en quelque sorte?
Essayer celui-ci. Il permettra de résoudre votre problème. Le blanc et le noir gradient
.box{
padding:15px;
background-image:-webkit-gradient(linear, left top, left bottom,from(rgba(221,221,221,0.8)), to(rgba(255,255,255,0.2)), color-stop(.5,#fff));}
Vous pouvez utiliser ce code HTML
Avec Ce CSS
Ici est jsfiddle lien
</div>
dans le HTML et la "position" mal orthographié dans la.content
règle css.Le jsfiddle il ne semble pas exister plus. Serait-il possible de mettre à jour le lien en quelque sorte?
OriginalL'auteur Love Trivedi
Espère que vous voulez quelque chose comme cette.
OriginalL'auteur Yasitha
Il suffit d'utiliser une image et la définir fixée sur le fond.
CSS Astuces ai un post sur ce problème et de fournir l'image.
Ou si vous voulez avec le CSS, suivez cette article qui vous montre comment faire avec CSS et JavaScript
OriginalL'auteur Michael Schmidt
Essayer celui-ci. Il permettra de résoudre votre problème. Le blanc et le noir gradient
OriginalL'auteur Tayyab Hayat
Vous pouvez avoir une répétition d'une image. Par exemple, un 10px hauteur de gradient.
position de votre div relative :
Votre image devrait être la position absolue
MODIFIER
position: fixed
à coller sur le bas de la page.OriginalL'auteur markvicencio