博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
布局的一点总结
阅读量:6648 次
发布时间:2019-06-25

本文共 493 字,大约阅读时间需要 1 分钟。

2、关于居中

1)如果一个div是一个正方形区域(高等于宽),2)而且是百分比的形式(固定形式很简单对不对),3)没有文字,4)且要求居中。可以这样写:

position:absolute;width:50%;height:0;padding-bottom: 50%;left:50%;top:50%;transform: translate(-50%, -50%);background: url('a.png');background-size:100% auto;z-index:101;

  

这样写的奥秘在于padding-bottom是按照宽度的百分比计算的,所以高等于高。结果是一个居中的正方形。

3、关于子级父级透明度的问题

在定位的情况下,(其他情况没有试过),如果像以下的写法,父级元素的透明度会影响到子级元素

.parent{rgb(0,0,0);opacity:0.6}

  

正确的做法是:

.parent{rgb(0,0,0,0.6)}

  

转载于:https://www.cnblogs.com/xiaochongchong/p/7762213.html

你可能感兴趣的文章
Apache OFBiz 10.04.05 发布,安全漏洞修复
查看>>
京东书4
查看>>
Java EE之RMI
查看>>
ASCII编码表 -- SQL注入 也需要
查看>>
MySQL常用数据类型介绍
查看>>
当装系统时遇到“选中的磁盘采用GPT分区形式”
查看>>
CentOS的远程桌面(xdm)
查看>>
Some aspects to prepare
查看>>
oracle 好书 05 ( 内存组件与 oracle 进程 )
查看>>
Linux gdb符号调试器
查看>>
http_load
查看>>
metasploit tutorial
查看>>
安装 iis 的方式
查看>>
Spring MVC 拦截器问题,如何配置不需要拦截的页面
查看>>
覆盖距离AsiaHatyai-2012 & LA 6144 - Radiation 二分搜索
查看>>
LINQ : IEnumerable<T> and IQueryable<T>区别
查看>>
版本浏览器最流行的JavaScript库,jQuery不再支持IE旧版本
查看>>
斜水印,重复水印,文字
查看>>
ios开发之启动画面及动画
查看>>
在线机器学习算法及其伪代码
查看>>