background-size
设置div 宽高和背景后,来个background-size:100%;让图片适应div的大小
如果不兼容请看下面详细
background-size : contain | cover | 100px 100px | 50% 100%;
参数:
background-size:contain; // 缩小图片来适应元素的尺寸(保持像素的长宽比);
background-size :cover; // 扩展图片来填满元素(保持像素的长宽比);
background-size :100px 100px; // 调整图片到指定大小;
background-size :50% 100%; // 调整图片到指定大小,百分比相对于包含元素的尺寸。
Firefox 添加私有属性 -moz-background-size 支持;
Safari 和 Chrome 添加私有属性 -webkit-background-size 支持;
text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍,只对p或div标签有效*/
定位置中
//默认是置中到顶部; 添加bottom:0px则置中到底部; 添加bottom:0;top:0;则可以水平垂直居中
style=" height:100px;; 100px; position: fixed; left:0px; right:0px; margin:auto;"
广告浮动
重点在position:fixed 关闭按钮是作为子div,position:absolute,相对定位
另外要用a标签设置关闭方法,所谓的关闭设置样式
定时弹出
function setTime(){ document.getElementById('centerFloat').style.display = 'block' } setInterval("setTime()",25000);
热图 :一张图片添加多个链接
<a href="./a.html"><img src="./img/centerad.png" border="0" usemap="#planetmap" alt="Planets" /></a> <map name="planetmap" id="planetmap"> <area shape="rect" coords="212,46,319,87" href="#" target="_blank" alt="Sun" /> <area shape="circle" coords="180,139,14" href="#" alt="Venus" /> </map> </div>
nohref 属性规定该区域没有相关的链接。
coords定义可点击区域(对鼠标敏感的区域)的坐标。注意水平方向是X 垂直方向是Y, 左上角是原点
shape 定义形状 rect circ poly(多边形)
注意:在img中定义好 usemap作为关联map map设置好div和name
点赞
使用