Hi I have a problem with css for transparency background on IE.

Here the code

PHP Code:

<style type="text/css">
    body {
    background-color: #000000;
  }

  .trans_box {
    font-family: Georgia, Times New Roman, Times, serif;;
     /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='whitebox55-trans.png', sizingMethod='scale');
  }

  .trans_box[class] {
    background-image:url(whitebox55-trans.png);
  }

<table>
  <tr>
    <td class="trans_box">
      <form action="" method="post">
      From :
      <input type="text" name="username" size="20">
      <input type="submit" value="Login" name="login" size="15">
      <br>
      </form>
    </td>
  </tr>
</table> 


The css work fine to make transparent image on IE but when I can the form element can't work fine.
For example I can't submit into input form or click submit button.

Any suggestion?

Make your transparent image 1 x 1 pixel. Sometimes that works.

If it's truly transparent and not translucent (partly transparent), then you don't actually need a background at all.

IF the transparent PNG is set to repeat, then even the filter will not work. The filter works if it's a simple non-repeating image.

I resize the transparent image into 1 x 1 pixel and it work now
But I don't know if it works or not on Linux or Mac