2 Replies Latest reply on May 12, 2011 7:51 AM by nickentin

    Troubles with transparencies

    Bob_Kil

      I am fairly new to DW...and have used code from various forums to make transparencies work.

      I am looking to place an object with 100% opacity inside of a container that is set at 60% transparency in relation to the background image.

      Is this possible? I'd like to make the bolded line at 100% opacity.

       

      Here is the code I am currently using...

       

      This is in the css:

       

      .container {

          background: transparent;

      width: 775px;

      background: #FFF;

      margin: 0 auto;

      }

       

      This is in the HTML:

       

      <div style="opacity: 0.6;">

        <div class="container">

        <div class="content">Designs &amp; Patterns

          <!-- end .content --></div>

          <table width="500" border="0" align="center" cellpadding="00" cellspacing="0">

        <tr align="center">

          <td width="40"><div align="center"><a href="designsmetal.html" title="Metal">Metal</a></div></td>

          <td width="40"><div align="center"><a href="designsstone.html" title="Stone">Stone</a></div></td>

          <td width="40"><div align="center">Carbon Fiber</div></td>

        </tr>

        <tr align="center">

         <td width="40"><div align="center"><img src="images/metal/WTP-108.jpg" width="102" height="118"></div></td>

          <td width="40"><div align="center"></div></td>

          <td width="40"><div align="center"></div></td>

        </tr>

        <tr align="center">

          <td width="40"><div align="center"></div></td>

          <td width="40"><div align="center"></div></td>

          <td width="40"><div align="center"></div></td>

        </tr>

        <tr align="center">

          <td width="40"><div align="center"></div></td>

          <td width="40"><div align="center"></div></td>

          <td width="40"><div align="center"></div></td>

        </tr>

        <tr align="center">

          <td width="40"><div align="center"></div></td>

          <td width="40"><div align="center"></div></td>

          <td width="40"><div align="center"></div></td>

        </tr>

          </table>

       

        <!-- end .container --></div>

      <!-- end .style --> </div>