Partage
  • Partager sur Facebook
  • Partager sur Twitter

gérer Opacité ????

Comment gérer l'opacité sans utiliser les .png

    13 mai 2006 à 17:41:10

    Bonjours !
    J’ai besoin de vous !
    je n'arrive pas trouver le moyen de gérer l'opacité sans utilisé le png ( qui n'est pas compatible avec I.E. )
    je voudrais trouver le moyen de faire un tableau avec un fond noir d'une opacité de 80% (Pour que l'image de fond d'écran apparaisse un petit peu )

    Bon j'attends une réponse !
    Merci d'avance

    NICO30
    • Partager sur Facebook
    • Partager sur Twitter
      13 mai 2006 à 18:54:40

      Slt,

      Il faut le faire en 2 blocs.

      Ex :

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

      <html>
       <head>
        <meta name="generator" content="PSPad editor, www.pspad.com" />
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />
        <title></title>
        <style type="text/css">
        /* <![CDATA[ */
         div#tab{
        width: 300px;
        height: 200px;
        background: url(ton_image) center no-repeat;
      }
        div#tab table{
          background: #000;
          border-collapse: collapse;
          filter: alpha(opacity=65);
        -moz-opacity: 0.65;
        opacity:0.65;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
        }
        div#tab table td{
          width: 75px;
          height: 100px;
          border: 1px solid #ff00ff;
        }
        /* ]]>
      */
        </style>
        </head>
        <body>
       
          <div id="tab">
            <table>
             <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
             </tr>
             <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
             </tr>
            </table>
         
          </div>

        </body>
      </html>
      • Partager sur Facebook
      • Partager sur Twitter

      gérer Opacité ????

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown