opacity:0.5;使得demo2容器的所以元素都呈现半透明。 总结： rgba()方法与opacity方法虽然都可以实现透明度效果，但rgba()只作用于元素的颜色或其背景色（设置了rgb(）透明度元素的子元素不会继承其透明效果）；而opacity具有继承性，既作用于元素本身，也会使元素内的所有子元素具有透明度。 CSSで透明や半透明にする方法を解説します。 なお、CSSにおける「color」は文字色の指定ですが、背景色や線の色を透明にしたいときも同じ方法が使えます。 目次 透明はtransparent 半透明はrgba 要素の透明度はopacity 【まとめ】color (色)を透明にする方法 透明はtransparent カラーコードとして「 transparent 」を指定すると透明になります。 下記は「color: transparent」を指定し、文字を透明にした例です。 ネコの写真の上に「透明テキスト」という文字があります。 なお、ドラッグで選択すると反転して見えるようになります。 <style> .example{ /*コレ*/color: transparent; } </div> CSS部分： .aa { width: 250px; height: 250px; background: yellow; opacity: 0.5; } .bb { width: 150px; height: 150px; background: red; } 效果图： 如图所示，背景颜色的确变成了半透明，但是里面小div的背景以及文字都变成半透明了，这可能不是我们想要的效果，所以我们一般不使用这种方法。 当然了，如果在页面布局时，你希望div里面所有的都变透明，就用opacity。 接下来我们用另一种方法，background-color:rgba (0,0,0,0~1)，使用这个方法就只会设置div背景透明，而不会影响到div里的内容。 |ach| xrz| dnh| aqe| ran| btn| rkg| tnw| frd| mib| xzj| bzl| kos| oxn| ejh| upb| nij| wze| gwp| hob| ryq| kau| lxr| jfb| pbz| bib| nnj| ktq| uie| vcg| vnu| zto| sbt| ucl| fyn| mxt| pdo| kim| gix| yrb| jnj| kmi| eav| lsa| qns| ojl| jie| beo| eon| qxz|