PNG transparent comme image d'arrière-plan

J'ai un élément avec un png transparent comme image d'arrière-plan - c'est comme un polaroid avec le bit de photo découpé, donc seulement le cadre est visible. Avec ceci comme arrière-plan je veux alors qu'une image standard soit assise derrière l'élément qui a l'arrière-plan transparent de png - pour adapter à l'intérieur du cadre.PNG transparent comme image d'arrière-plan

J'ai essayé de définir l'indexation et l'opacité de z et bien que je puisse obtenir l'image pour montrer par son évidemment transparent en raison des arrangements d'opacité.

Des idées?

Source

2009-11-09 mindwire22

Pouvez-vous mettre une capture d'écran du problème quelque part? Genre de difficile à visualiser avec juste l'explication. Merci! –

"' J'ai essayé de paramétrer z-indexing et opacity' "? Définir l'opacité via css? –

Quel est le problème réel? –

Si .yourPhoto est une image de fond, vous pouvez le faire:

<div class="yourPhoto"> 
    <div class="yourPNGframeImage"> 
    </div> 
<div>

Ou vous pouvez utiliser des images en ligne et position à la fois absolue:

<div class="container"> 
     <img class="yourPhoto" src=""> 
     <img class="yourPNGframeImage src=""> 
</div> 

.container {position: relative;} 
.yourPhoto, .yourPNGframeImage {position: absolute; top: 0px; left: 0px;}

Source

2009-11-10 00:00:40

J'aime cette réponse. J'ai utilisé un concept très similaire sur cette page: http://www.screenfeed.com/content/. Voir la source liée aux vignettes. – jessegavin

C'est ce que j'ai fini par faire. je juste que ce serait mieux si l'élément avec l'arrière-plan transparent assis en face de l'image. – mindwire22

@ Meander365 c'est exactement ce que font les deux exemples ci-dessus. Dans les deux cas, le «cadre» est positionné sur le dessus de la photo. –

il y a quelques choses juste quelques à regarder out pour quand faire PNG.

Lors de la découpe, assurez-vous que l'état est désactivé.
exporter en tant que png24.
si votre IE6 vous devez utiliser someting comme .png hélice double fixer
http://www.twinhelix.com/

Essayez ces étapes. Vous ne devriez pas avoir à changer l'opacité de votre image, car cela affectera toute l'image. Lorsque vous utilisez z-indexing, vous devez également mettre en position l'élément css

Source

2009-11-10 00:04:20 Kieran

PNG transparent comme image d'arrière-plan

Répondre

Questions connexes