透明边框

zhengshuang87 2010-01-22 10:25:47

大小自动适应且兼容没问题的透明边框

参考：
http://hi.csdn.net/space-3346804-do-album-picid-480494.html
http://www.glassbox-js.com/

谁能给个源代码，越简洁越好谢谢

...全文

67 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

bo523 2010-01-22

打赏
举报

这个在火狐下看就有圆角了

zhengshuang87 2010-01-22

打赏
举报

谢谢，只是这个大小不能自动适应，还有就是有没有圆角的边框

bo523 2010-01-22

打赏
举报

我这里有个DIV边框透明的例子，不知道对你有用不，给你看下



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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

  body{ background-color:#666;}

  .a

  {

	  width:300px; height:300px; position:absolute;top:50%;left:50%; margin-top:-150px; margin-left:-150px;

  }

  .b{ background:#09F; height:100%; width:100%; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -moz-border-radius: 5px; }

  .c{ text-align:center; height:280px; width:280px; top:10px; left:10px; position:absolute; background:#FFF;-moz-border-radius: 1px;}

  .d{ width:100%; background:#F00; height:10px; top:50%; position:absolute;}

</style>

</head>



<body>

<div class="d"></div>

<div class="a">

 <div class="b"></div>

 <div class="c">这里显示内容</div>

</div>



</body>

</html>