javascript - 网页中的半透明div

嘿正在开发一个网站，我想在其中显示一个具有半透明背景的 div，以便页面背景可见。
我希望这适用于所有浏览器。
使用 CSS 、 JS 或 jquery 没问题...
请给我建议，如果可能的话，请给我一些示例代码..

提前致谢，
拉吉

最佳答案

可能你最好的选择是使用纯 CSS。此技术适用于 Safari 3.2+、IE 5.5+、Firefox 3.05+、Chrome 4+ 和 Opera 10+

div {
  /* black for browsers which cannot support rgba */
  background-color: #000;

  /* 70% opacity for supported browsers */
  background-color: rgba(0, 0, 0, 0.7);

  /* IE 5.5+ support #BB000000 is ~70% opacity on black */
  filter:progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#BB000000, endColorstr=#BB000000
  );

  /* IE 8 support */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#BB000000, endColorstr=#BB000000
  )";
}

关于javascript - 网页中的半透明div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2323399/