乡镇投票笔记

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

点赞

使用