做一个div要透明的
在div上画一个半径为100px的圆
只有这个圆里的部分不透明因为DIV上有一些文字和按钮,
但我只希望圆里的部分能显示出来。

解决方案 »

  1.   

    用gif图片做成透明的就可以了
      

  2.   

    我不想用图片,因为div上有动态的真正的按钮
      

  3.   

    透明的gif在层上,gif就一个圆圈不透明
      

  4.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body bgcolor="#FFFFFF">
    <div id="Layer1" style="position:absolute; width:100px; height:100px; z-index:1">
      <table width="100" border="0" height="100" background="round.gif">
        <tr> 
          <td colspan="2">test
            <input type="submit" name="Submit" value="Submit">
          </td>
        </tr>
      </table>
    </div>
    </body>
    </html>
    把那个图片做成表格底图即可。上面程序中的round.gif是一个中间为不透明圆的GIF图片
      

  5.   

    哈.....其实这个问题用 VML 就可以很容易解决嘛.
    不知楼主的要求是不是这样?<html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <STYLE>
     v\:* { BEHAVIOR: url(#default#VML) }
    </STYLE>
    </head>
    <body background="http://www.csdn.net/images/homeimage/csdn.gif">
    <div style="background:;color:lightgreen;z-index:1">
    <center><v:oval style="position:absolute;left:1;top:1;width:180;height:180;z-index:0" FillColor=red/>
    <br><br><br><br><br>测试文字<input type=button value=测试按钮></center>
    </div>
    </body>
    </html>
      

  6.   

    在div中用div把圆圈放在层里啊
      

  7.   

    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <STYLE>
     v\:* { BEHAVIOR: url(#default#VML) }
    </STYLE>
    </head>
    <body background="http://www.csdn.net/images/homeimage/csdn.gif">
    <div style="background:;color:lightgreen;z-index:1">
    <center><v:oval style="position:absolute;left:1;top:1;width:180;height:180;z-index:0" FillColor=red/>
    测试文字<input type=button value=测试按钮></center>
    </div>
    </body>
    </html>TO: goldenlove(潇洒.net) 
    你的代码真的很潇洒!
    但我希望在这种情况下“测”字看不见,BUTTON的一部分看不见
    PLEASEHELPME
      

  8.   

    这个问题没解决,换种思维再问,搞定后200分!
    http://expert.csdn.net/Expert/topic/1396/1396751.xml?temp=.8758051