position属性
2024-08-30 23:55:50
所有主流浏览器支持position属性;
任何版本的ie浏览器都不支持属性值“inherit”。
position属性规定元素的定位类型,任何元素都可以定位,不过绝对定位或固定元素会生成一个块级框,不论该元素本身是什么类型。相对定位元素相对与他在正常流中的默认位置偏移。
默认值:static,
值 描述
absolute 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。
fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。
relative 生成相对定位的元素,相对于其正常位置进行定位。
static 默认值,没有定位,元素出现在正常的流中。
inherit 规定应该从父元素继承position属性的值。
1.设置元素的形状:
img {
position:absolute;
clip:rect(0px 50px 200px 0px);
} <body> <p>clip属性剪切了一幅图像:</p>
<p><img border="0" src="1.jpg" width="120" height="151"></p>
</body>
clip:rect(a b c d); clip是css2种的裁剪属性,用于裁剪绝对定位的元素,语法为:
clip:rect(top,roght,bottom,left)
2.Z-index
Z-index可被用于将一个元素放置于另一个元素之后。
令z-index=-1则会显示在另外元素的后面,
默认值为0,
img.x{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
最新文章
- python+paramiko库+svn写的自动化部署脚本
- CSS float
- centos 安装 svn
- Greenplum(GP)常见问题,注意事项
- 【转】关于Class.getResource和ClassLoader.getResource的路径问题
- 如何利用python模仿浏览器进行网页爬取?
- JavaScript判断鼠标滑轮是向下还是向上滚动
- php 使用 restler 框架构建 restfull api
- (链接保存)CentOS 6.6下yum快速升级内核
- dsoframer组件详细使用(aspx.net)
- 【Xamarin-IOS 开发环境搭建】
- TS相关知识点
- react-native绑定优酷SDK播放视频-附效果和git源码
- iOS动态性 运行时runtime初探(强制获取并修改私有变量,强制增加及修改私有方法等)
- react-router 4实现代码分割(code spliting)
- struts2(三)---struts2中的服务端数据验证框架validate
- python高阶函数(Map、Reduce、Filter、lamba)
- 不支持find_element_by_name元素定位方法,抛不支持find_element_by_name元素定位方法,会抛如下错误 org.openqa.selenium.InvalidSelectorException: Locator Strategy &#39;name&#39; is not supported for this session的解决
- Linux查看某个端口使用情况并kill
- ALGO-141_蓝桥杯_算法训练_P1102