HTML 为元素添加一些透明度的简单方法

前端之家收集整理的这篇文章主要介绍了HTML 为元素添加一些透明度的简单方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣HTML 为元素添加一些透明度的简单方法的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。<br>
  1. <!------>
  2. <!-- a little bit css here: -->
  3. <style type="text/css" media="all">
  4. td { vertical-align: top; }
  5. #table {
  6. margin: 0 auto;
  7. width: 300px;
  8. }
  9. .red_Box {
  10. width: 100px;
  11. height: 100px;
  12. background-color: #7A1417;
  13. }
  14. </style>
  15. <!-- 512-笔记网 jb51.cc -->
  16. <!-- a table with some images and divs -->
  17. <table border="0" cellpadding="5" cellspacing="2" id="table">
  18. <tr>
  19. <td valign="top">
  20. 90 % opacity<br/>
  21. <img src="/lab/context_free/t008.png"
  22. style="filter: Alpha(opacity=90); opacity: .9;" />
  23. </td>
  24. <td>
  25. 50 % opacity<br/>
  26. <img src="/lab/context_free/t008.png"
  27. style="filter: Alpha(opacity=50); opacity: .5;" />
  28. </td>
  29. <td>
  30. 20 % opacity<br/>
  31. <img src="he/lab/context_free/t008.png"
  32. style="filter: Alpha(opacity=20); opacity: .2;" />
  33. </td>
  34. </tr>
  35. <tr>
  36. <td>
  37. 90 % opacity<br/>
  38. <div class="red_Box"
  39. style="filter: Alpha(opacity=90); opacity: .9;" /></div>
  40. </td>
  41. <td>
  42. 50 % opacity<br/>
  43. <div class="red_Box"
  44. style="filter: Alpha(opacity=50); opacity: .5;" /></div>
  45. </td>
  46. <td>
  47. 20 % opacity<br/>
  48. <div class="red_Box"
  49. style="filter: Alpha(opacity=20); opacity: .2;" /></div>
  50. </td>
  51. </tr>
  52. </table>
 

猜你在找的HTML相关文章