首先opacity是css属性，可以设置任何元素的透明度，包括元素内容、边框和背景
【它的取值是0到1，表示从完全透明到完全不透明的变化，使用opacity设置元素的透明度时候，元素和他的内容都会具有相同的透明度】
background的rgba是css中设置元素背景色的一种方式，也可以来设置背景图的透明度，他的透明度的范围是rgba(r,g,b,a),a表示透明度，取值范围是0到1
不同点是：background的rgba可以单独控制元素的背景颜色或图像的透明度，而不影响元素内容和边框的透明度，并且rgba还可以和box-shadow、text-shadow一起使用
rgba()和 opacity 都能实现透明效果，但最大的不同是 opacity 作用于元素，以及元索内的所有内容的透明度
而 rgba()只作用于元素的颜色或其背景色。(设置 rgba 透明的元素的子元素不会继承透明效果! )