[未解决]在HTML+CSS中 设置opacity后float无效的问题

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>Document</title>
 5     <style type="text/css">
 6         #a1 {
 7             width: 100px;
 8             height: 100px;
 9             border: 1px solid blue;
10             float: left;
11             background-color: white;
12         }
13         #a2 {
14             width: 200px;
15             height: 200px;
16             border: 1px solid blue;
17             background-color: black;
18             opacity: 0.6;
19         }
20         body {
21             margin: 0;
22             background-color: yellow;
23         }
24     </style>
25 </head>
26 <body>
27     <div id="a1"></div>
28     <div id="a2"></div>
29 </body>
30 </html>

测试结果截图:(在层次上,白色DIV处于透明黑色DIV下)

原文地址:https://www.cnblogs.com/byron18/p/9733969.html

时间: 2024-11-09 18:35:31

[未解决]在HTML+CSS中 设置opacity后float无效的问题的相关文章

在window cmd中设置字符集后,mysql的测试

之前测试过,在centos下,所有字符集全部设为utf8,可以同时满足命令行和网页的需求. 在windows下,由于默认字符集为gbk,所以在命令行操作mysql时,需要设置set character_set_client = gbk; 今天发现,其实是要设置set character_set_results = gbk;即可,其它均为utf8或gbk都行. 另外尝试改变windows字符集,cmd下chcp 65001切换到utf8,但这好像是临时的,由于这次安装的wamp,用的自带的终端,c

7、jsp在xml中设置映射后,css失效以及跳转网页404问题

错误现象: 在xml中设置管理界面得映射后,管理界面css样式不显示,以及原来可以跳转到的页面404. 问题所在: jsp未放在虚拟路径得根目录下,就是没放在webcontent下,像我的ActIns.jsp未放在webcontent下一样. 无论你的jsp在哪里,只要在xml设置了映射,那么他所在得相对路径就是虚拟路径的根目录下,找css和跳转相对路径都应该注意这一点. 解决办法: 此时,像我在去找css,或者跳转地址时,应该从虚拟路径得根目录下开始. 跳转页面得话,因为我需要来回进行跳转,所

CSS中设置DIV垂直居中的N种方法 兼容IE浏览器

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>.<th>.<caption>等,而像<div>.<span>这样的元素是没有valign特性的,因此使用vertica

css中设置div水平居中,margin:0px auto没用的情况

在CSS中加了margin:0px auto;却没有效果,不能实现居中的问题!margin:0px auto;意思就是:上下边界为0,左右根据宽度自适应!就是水平居中的意思.无效的原因是,当你没有设置width时,解释器不知道你的宽度,当然就不会居中,就会到左边去,所以设置width就好了.

android RadioGroup中设置selector后出现多个别选中的RadioButton的解决办法

在一个RadioGroup组中假如有三个或者以上的RadioButton,当然你需要给这些RadioButton设置selector.设置其中的一个为默认选中状态(在xml中设置).当程序在手机上运行时你会发现,那个设置默认选中的RadioButton总是被选中的. 那么怎样解决它呢? 办法:既然在xml设置默认选中状态的方法行不通,那么我们就换一种思路,在代码中动态的设置RadioButton的checked属性.这就是问题的解决办法,就是这么的简单.愿意暂时不详.(不过这个结论我已经证实了,

CSS中设置元素的圆角矩形

圆角矩形介绍 在CSS中通过border-radius属性可以实现元素的圆角矩形. border-radius属性值一共有4个,左上.右上.左下.右下. border-radius属性值规则如下:第一个值为左上.第二个值为右上.第三个值为左下.第四个值为右下. 假如border-radius属性值都是一致的我可以设置一个属性值即可. 圆角矩形实践 圆角矩形基本使用方式 <!DOCTYPE html> <html lang="en"> <head> &

Android-配置文件中设置“android:clickable=&quot;false&quot;无效的原因及解决办法

开发中遇到的问题:要实现一个button初始为不可点击,于是在配置文件中设置了android:clickable="false"运行后发现还是可以点击,于是写在了Activity中:btn.setClickable(false);发现还是可以点击,在网上查资料说android setClickable 一定要放在 按扭的setOnClickListener事件之后! 因为setOnClickListener事件会去重写View v,也就是会把setClickable设为TRUE! 所以

CSS中的opacity,不透明度的坑

opacity的用法示例如下 /* 值是0到1之间的数值 */ opacity:0.5 opacity设置在元素上的时候,会出现什么效果? 答曰:如果不设置opacity的话,会显示效果为A(可以理解为一个图片),将A按照opacity设置的不透明度,就是得到的最终效果B.效果之间从最内侧开始推. 举例: 1 <div class="box1"> 2 <div class="con1"> 3 我是文字 4 </div> 5 <

对CSS中的Position、Float属性的一些深入探讨

非常好的一篇文章,特此转载出来,文章转自:http://www.cnblogs.com/coffeedeveloper/p/3145790.html 对于Position.Float我们在平时使用上可以说是使用频率非常高的两个CSS属性,对于这两个属性的使用上面可能大多数人存在一些模糊与不清晰的地方.本文主要对这两个属性使用上的一个介绍以及两个属性交叉使用上的一些探讨. 本文主要探讨点: Position.Float属性的基本使用方法 Position.Float属性对元素所造成的影响 Posi