73.尚硅谷_HTML&CSS基础_opacity.avi原创

对，咱们再说一个啊，咱们就是这个再说一个还是啊把这图咱们再调整一下，这个图呢，现在我们这个，呃，一是一个这个相对定位，二是一个这个绝定位，三是不是也是一个相应定位啊哎，那这样我改一下干嘛呢？我把三呀也改成这个，改成一个绝定位position，我们来一个这个啊salute诶然后给他也设置一个top top来一什么呢？来一个200个像素hit诶这给T去了，Left也来什么呢？200个像素保存，现在一刷新诶这三个嘛了，是不是叠一块了，这是我们这个一，这是我们这个二，这是我们这个三，现在二的是不是层级最高了，诶来我把三的层级给它提升一点，三我来一个什么呀？Z index诶这二的已经这么这么高了是吧？二我们来一个20吧，三我来一个30保存，然后一刷新走，你是不是这个效果来。这松子又上来了，他也是20是吧，那你就25保存就刷新，哎是这么一个关系是吧？哎三个图形一个是不是落一个呀，哎一个落一个这么一个关系，那现在我们要说一个，哎一个效果有一个属性，我们来看一下，那有的时候我们希望什么呀，我可能希望我这个，诶你看我这个三这个颜色是一个这个绿色是吧？哎这个绿它比较什么呀，叫油绿，油绿的是吧？那我希望干嘛呢？我希望通过这个三我可以看到谁呀，看到二，也就说二这是不是有一部分被三给它遮上来呀，那我希望这部分呢，我可以通过三给它透过去，也就说我希望这个三干嘛呀，是不是一个透明的呀？诶是一个透明的，那我们怎么来设置我们这个透明的，诶来我们直接来看啊，在这儿我们来说一下设置我们这个透明，设置我们这个元素的一个，哎透明背景，透明背景怎么设置，我们有一个属性，我们叫什么呀，叫做一个op city啊obc就表什么呀，透明的意思。

我们来说ocd可以用来设置什么呀？哎，设置我们这个元素，哎，背景的一个透明，它什么呢？它需要一个什么呢？需要一个这个零到一之间的什么呀，零到一之间的值啊，零到一之间的值，比如说我这写一个一奥CD，我设置为一，咱们来看效果啊，我这一刷新走，你有没有变化，哎，没有变化啊，没有变化，我来零保存走，你说没了呀，诶那零什么意思呀？哎，零表示完全透明，说白了你就干嘛了，看不见了，诶变成这个什么呀，隐身瓦了是吧，改变成隐身法了，完全透明，老六是隐身瓦是吧？诶然后干嘛呀，那E表什么呀，表示完全不透明，那同学说了，这玩意儿更好使了，你这完全透明看不见了是吧，你完全不透明的，它本来就不透。

等等，你是不是本来就不用设置啊，诶，但是注意我们说了是零到一之间的值，我可以来什么呀？来一个0.0.5 0.5那应该什么呀？哎，半透明，50%的一个透明，我这一刷新走，你看什么效果呢？诶是不是通过我的这个box，这是我们这个BOX3，是不是可以看到我们这个boxs box2了呀，哎，这就这么一个透明的一个效果啊，透明效果，而且这是不是也能看到这个呀，Box个四，哎box个四啊，这是一个透明效果，0.5%表示什么呀？半透明诶半透明，那你如果来什么？0.6是6%是的一个透明啊，哎，可以通过它去去改，哎你这个颜色又又深一点了啊，可以调整这个透明度，诶那现在呢，我可以干嘛呢？我可以让我把上边这个什么呀，BOX2也透明，让我的这个BOX1干嘛呢，也透明保存，那是一个什么效果呀，一刷新诶是不是这么一个效果呀，但这哥们有点碍事是吧，这们有点碍事，咱们给他给他给他给他烘好了box。

四我们来一个这个top top来一个500个像素保存走你诶看不见了是吧？看不见了啊，就是说我们这么一个透明的颜色，但是它跟跟那底边的啊跟这儿好，那这一块我们看完了，那接下来我们要看什么呀？呃，接下来我们要看一下它那个兼容性的一个问题啊兼容性一个问题来看看我们这个IE，诶看先看CH吧，Room还好是吧，诶还好，来再看我们这个iee，哎，IE是不是出问题了呀，I6都不用看了，还不到A6，这会A8A8是不是就不行了呀，AI8就不行了啊所以这里边我们要说的这个问题就是什么呢？诶OB这个属性op PA OB这个属性在什么呢？在我们这个IE8级以下的这个浏览器中不支持啊，不支持，所以你这玩意你写完了干嘛呢，IE8它压根就这。

好呀，不认识啊，IE8压根就不认识，那我们要希望IE8也可以出现这个透明效果怎么办？我们需要使用另一个属性啊，IE8需要IE8及以下的这个浏览器需要什么呢？需要使用我们这个如下属性代替，直接写了叫什么呢？叫做一个这个f file t叫什么呀？Filter啊，Filter这个是我们爱意独有的，它这么一个滤镜啊，我们通过这个滤镜来实现这个透明，用一个什么滤镜呢？叫一个alph ha交易什么呀，阿尔法啊，阿尔法，诶，阿尔法透明啊，阿尔法透明，然后里边我来写什么呢？叫做o paci t，等于什么呢？等于一个50啊，它写一个50啊，它的50呢，和我们这个0.5是一样的啊，一样的，我们先看效果啊，我这一刷新，看我们家181刷新是不是就有了呀，哎，就有了啊，哎，我们来说一下使用这个属性。

粘过来这50写的这是一个什么呢？这是一个这个透明透明度，诶我们来说一下它这个透明度，它跟我们这个OB不一样了，Obc需要一个什么呀，零到一之间的值，透明度需要一个什么呢？需要一个零到100之间的值啊零到100之间的值，那我们说其实一样，它这100就相就相当于什么呀，就相当于我们这个一说白了就什么呀，完全不透明啊，完全不透明，来咱们这块来说一下啊，咱们来说零还是零表示完全透明，而这个100呢，表示哎完全哎不透明，而我们这个50呢，叫什么呀？哎半透明啊半透明，说白了我们这个50就相当于什么呀，0.5啊0.5，所以如果你要想达到一个效果统一，你把这个filter你还得给它干嘛呀，哎，你都得加上，你得同时设置一个offcd，还得设置什么呀，Filter，如果你不设置offd，其他浏览器就不行了啊，浏览就不行了来。

再看我们IE8易刷新是不是也有这个效果了呀，哎，这样的效果就统一了啊，所以注意IE8里这个设置呢，比较比较特殊一点叭较特殊一点，然后再看谁呢？再看我们这个IEIE6IE6还有没有什么特殊的药，特殊的设置呢，看看IE6灵不灵走你IE6是不是就不灵了呀，大家注意诶是不零了吗？零啊零我们来说一下这种方式干嘛呢？这种方式支持IE6，哎，这种方没有，但是啊，这种方式支持I6，诶支持I6啊，没有，但是你就记住支持就完了，诶那同学说了，你这不睁眼说瞎话吗？这透明了吗？没透明了，但是我们说了啊，这个I意test是对我们I意环境的一个什么呀模拟，它并不能真实的去体现出I意的什么呀，一些特征，所以这个可以理解，为什么呀，是我们IE tester一个什么呀，Bug啊bug但是这种透明啊，我们来说一下这种，但是也说个但是是吧，诶但是。

这种效果在我们这个艾叶test中，哎，Test中干嘛呢？哎，无法测试这是什么呀？它的一个bug啊，它的一个bug，但是如果你有叉P是吧，你装I6肯定就没问题啊，肯定没问题，但是发IT里无法无法测试啊测试这是这个测试工具的一个bug，好，那这个呢，就是我们说的这么一个透明啊，还有我们这一个层级，我们这来停一下。