Faire une image d'arrière-plan transparente à l'aide de CSS

J'ai un scénario où j'ai besoin d'une image de fond transparente, mais je n'ai pas de contrôle sur le générées dynamiquement des images que j'utilise. Pour cette raison, PNG Transparent est hors de question. Tous les éléments enfants dans la même div ne doit PAS être effectuée et doit être entièrement visible.

Je sais comment appliquer une transparence à la couleur d'arrière-plan et les éléments de niveau bloc, mais pouvez-vous le faire pour une image de fond?

Vous aurez à utiliser un <img> et appliquer opacity. C'est la seule façon.
Toutes les solutions autres que la superposition des div à l'aide de z-index?
pourriez-vous déposer une semi-transparent, blanc ou noir de l'image sur l'arrière-plan?

OriginalL'auteur Andrew | 2011-04-12

  1. 1

    Pas. Pas techniquement. Vous devez appliquer une couleur d'arrière-plan afin d'obtenir ce travail parce que vous seriez à la décoloration de la couleur et de l'image, plutôt que de simplement l'image. Rappelez-vous qu'une image d'arrière-plan n'est pas styleable contenu.

    Vous pourriez probablement hack en utilisant une image à la place d'une image d'arrière-plan et il y a un mélange de relative et absolue de positionnement avec le z-indexation sur le dessus. Mais c'est la seule façon que je peux penser de!

    N'est pas l'image toujours placés sous l'image?
    Votre piratage de commentaire, c'est mon plan de sauvegarde espérais juste que j'avais oublié quelque chose...

    OriginalL'auteur Alex

  2. 1

    IE utilise filter:alpha(opacity=50); tandis que d'autres utilisent opacity:.5


    Les inclure à la fois.

    Cela ne fonctionne pas pour l'image de fond de cette façon
    Cela va disparaitre TOUT ce qui est un élément non seulement l'image de fond d'écran. Je vous recommande d'utiliser rgba sur l'opacité que vous pouvez régler individuellement la transparence sur des éléments uniques. Mais même cela ne fonctionne pas sur les juste à l'arrière-plan des images

    OriginalL'auteur Sam