html使用积累的一些小技巧

1.图片按指定尺寸展示（不失真）

img{
  width:123px;
  height: 94px;
  object-fit: cover;//关键部分
  border-radius: 2px;
}

2.根据传来的DOM对象获取其子、父对象

<div id="div1">
	<div id="div2"></div>
	<div onclick="click(this)" id="div3">
		<div id="div4"></div>
	</div>
</div>

在jq下我们通过点击div3，分别获取div4 和div1对象

function click(item){//item为DOM传来的形参
	//如果div1有点击事件，要阻止冒泡
	//event是点击事件自带的
	event.stopPropagation(); 
	//获取div4
	$(item).children("div");//一定要带$(),否则无法获取到子标签的属性值
	//获取div1
	$(item).parents();//所有的父标签，包括祖父、曾祖父。。。。
	//或者
	$(item).parent();//向上一级的父标签
}

3.html页面也是分图层的，可以通过z-index属性来控制对应的标签在图层上的位置如：

.back-css{
	z-index: 1;
}

好了，我会继续更新