Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013

    pseudoclasse con filter opacity e <IMG>

    Salve a tutti, ho un "semplice" problema con le trasparenze.
    Ho un CSS

    codice:
    .entry {
        background-image: url(images/layerclassbg.png);
        background-repeat: repeat;
        ...
        ...
    }
    l'immagine di sfondo è una semplicissima png 1x1 con la trasparenza al 30% che fa a botte con IE < 7. Per ovviare ho inserito un commento condizionale che viene letto dai soli IE < 7 con

    codice:
    .entry {
    	background-image: url(images/layerclassbg.gif);
    	background-repeat: repeat;
    	filter: Alpha(Opacity=30, FinishOpacity=30, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100);
    }
    il che rende alla perfezione la trasparenza desiderata, però una un grosso problema:

    con un codice del genere:
    codice:
    <div class="entry">
      [img]images/imageplaceholder.jpg[/img]
      <h1>Here goes the TITLE </h1>
      
    
    Here goes the text</p>
    </div>
    la trasparenza viene applicata anche all'immagine, cosa che assolutamente non vorrei. Ho provato a dare, esplicitamente, un Opacity 100 a img però viene ignorata:
    codice:
    /*nessun effetto di trasparenza, che non sortisce effetto */
    .entry img {
    	...
    	filter: Alpha(Opacity = 100, Style= 0);
    }
    C'è modo per settare l'opacità delle immagini contenute nel tag con class="entry" al 100% ossia non filtrate?
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013
    uppete
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

  3. #3
    Utente di HTML.it L'avatar di dvd86
    Registrato dal
    Oct 2006
    Messaggi
    166
    prova a mettere le immagini su un altro livello....

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2002
    Messaggi
    8,013
    eh... non lo avevo detto nel post precedente che con position:absolute mi si risolve il problema della trasparenza però mi si incasinano gli allineamenti (visto che il float va a farsi benedire e di conseguenza le scritte mi spariscono sotto l'immagine). Con z-index non cambia niente vabbhè, mi arrendo.. vorrà dire che in IE < 7 le immagini saranno trasparenti.
    <´¯)(¯`¤._)(¯`»ANDREA«´¯)(_.¤´¯)(¯`>
    "The answer to your question is: welcome to tomorrow"

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.