HTML层级设置,HTML----元素层级

元素的层级

内容已在代码

元素的层级

.box1{

width: 200px;

height: 200px;

background-color: pink;

}

.box2{

width: 200px;

height: 200px;

background-color: red;

position: absolute;

top: 100px;

left: 100px;

z-index: 1

}

/*z-index 设置z轴的层级*/

.box3{

width: 200px;

height: 200px;

background-color: blue;

position: relative;

}

/*父元素的层级在高也不会盖着子元素*/

/*opacity 设置元素的背景透明 0-1 0.5半透明*/

/*ie8 级以下不能设置透明设置的话用 filter:alpha(opacity=50) ie 专有的最好两个都写上*/

背景

background-repeat 设置背景重复

background-position 设置图片的位置:

top lefttop center top right center left center center center right

background-attachment 设置图片 fixed 固定

背景

.box1{

width: 1000px;

height:1000px;

margin: 0 auto;

background-color: pink;

background-image:url(img/1.jpg);

background-repeat: repeat-y;

}

/*background-repeat 设置背景重复*/

/*background-position 设置图片的位置，top left

top center top right center left center center center right */

/*background-attachment 设置图片 fixed 固定*/

/--简写背景属性 background:#bfa url(img/1.png) no-repeat fixed center;--/

HTML层级设置,HTML----元素层级相关推荐

解决微信小程序的video元素层级太高无法遮盖问题
解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题今天在项目中遇到了这个问题,需要在微信小程序中用视频作为背景,微信开发者工具中模拟的没问题,真机调试就发现vid ...
Qt Designer设置背景图片、颜色不影响其它组件小技巧，控件层级设置，组件的继承，styleSheet设置样式。
话不多说,先看效果图,完美的设置背景. 如果正常设置背景的话其它的组件都会产生变化. 这是因为组件的继承. 最开始的面板就是父类,我们新增加的组件就是子类,默认都是继承的. 继承也有继承的好处. 比如 ...
css伪元素层级在父元素之下
目标:把心和点状图放在盒子下面,位置不变写页面时,有些装饰性元素在内容盒子下面, 通常是给内容盒子再包裹一层父盒子,把层级小于内容盒子的装饰元素定位上去这样写很麻烦,结构上还多了一层的盒子,不利于 ...
Bootstrap笔记(十六) 常用类别 - 显示层级与隐藏元素
常用类别 - 显示层级显示层级隐藏元素显示层级 Bootstrap提供了一些类别来变更HTML元素的CSS的display属性,而且这些类别具有响应式特点,其命名形式如下: xs的层级类别: . ...
html设置根rem,经过js动态设置根元素的rem方案
rem目前是响应式开发移动端一个很重要也是经常使用的一个元素,可是在网上看的各类文章都会超级懵逼.因此我在下面给出两个方案,也列举出使用方法,让你们一目了然.前提是设计稿以750为准.其中测试的设计稿 ...
JQuery获取与设置HTML元素的内容或文本的实现代码
先来看看演示效果: 欢迎访问脚本之家PHP教程脚本之家PHP教程简单易懂的JavaScript魔法简单易懂的JQuery魔法 html()方法此方法类似于JavaScript中的innerHT ...
css margin-top设置html元素之间的距离
css margin-top属性设置的是一个元素的顶端与另一个元素之间的距离.这个距离称为上外边距,本文章向大家介绍css margin-top属性的用法和实例,需要的朋友可以参考一下. css ma ...
html图片与周围元素边界5px,css3如何将图像设置为元素周围的边框
css3将图像设置为元素周围的边框的方法:首先创建一个HTML示例文件:然后在body中创建一些p元素:最后通过css3中的border-image属性将图像设置为元素周围的边框即可. 本文操作环境: ...
设置某个元素的标签内容、设置元素的样式、层次选择器、总结选择器
点击按钮设置某个元素的标签内容 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
设置图片元素上下垂直居中的7种css样式_赵一鸣博客
设置图片元素上下垂直居中的7种css样式阅读(9548) @2018-07-15 14:13:34 图片.文字左右居中很简单,只需要以下代码: 1 text-align:center; 文字上下居中 ...

HTML层级设置,HTML----元素层级

HTML层级设置,HTML----元素层级相关推荐

最新文章

热门文章