需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入css代码div opacity05backgroundcolor #0b93d5 span color white 3浏览器运行indexhtml页面，此时成功在透明度50%的背景上显示了白。

透明度的话ie下用filteralphaopacity=50范围0到100，非ie下用opacity05，范围0到1。

前端设计中，透明度调整是常用技巧本文将介绍两种CSS设置透明度的方法，配合代码实例帮助理解1 使用rgba函数RGBA函数允许你设置颜色的透明度，其语法是rgbaR，G，B，A其中RGB分别代表红色绿色和蓝色的值，范围0255A为透明度，0代表完全透明，1代表完全不透明例如背景半透明demo。

css 元素名 opacity 05 另外，也可以使用rgba颜色值来设置透明色，例如css 元素名 backgroundcolor rgba * 这里设置的是半透明的红色 * 以上两种方式都可以达到设置透明色的效果接下来进行详细解释二详细解释1 使用opacity属性设置透明度 `opacity` 是一个CSS属性。

本篇文章给大家带来的内容是关于css如何实现图像的透明与不透明完整代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助1图像透明不透明用到opacity元素，值为0到1，一般用04或06就够了2ie8以下浏览器写法为filteralphaopacity=40值为0到100一般为了兼容同时。

是的如果是图片的这些写可以，src代表图片的路径，alt是提示字符，对搜索引擎优化有好处，opacity是图片的透明效果，80%代表图片的透明度，可以根据实际更改。

以上是兼容浏览器参数，看别人的代码，通常情况下会剩去后两个属性，这是因为Mozilla和Safari浏览器都支持自动更新，用这些浏览器的人一般用的也是较新的版本，因此后两个为了兼容较老的浏览器的属性不用也罢以上就是CSS透明属性的基本用法，然而用到透明属性的地方，一般都是用在层叠层次较多的下层 来。

对于如何用CSS设置元素的透明色，其实很简单如果你想让某个元素，比如照片周围的白色边框变得透明，你不需要保留背景色，只需更改CSS样式原本的代码可能看起来是这样的`#m_pro photobackground#FFFborder1px solid #DDD`这里，`background#FFF`设置了背景色为白色，`border1px solid #。

了解CSS颜色代码时，提及到的关键透明色代码是quottransparentquot它在设置背景和字体颜色时派上用场，如要让背景完全透明，只需使用backgroundcolor transparent，字体颜色设为透明则用color transparent颜色代码的种类丰富多样，主要分为四类基础颜色词汇，如表示绿色的quotgreenquot，黄色的quotyellowquot，红色。