- 关于颜色透明度,rgba
- background:transparent;---纯透明
- opacity,filter:alpha(opacity=):所有后代元素会随着一起具有透明性
.headerMain input[type="text"]{
width:478px;
height: 53px;
border-radius: 25px;
background: rgb(92,90,83);//半透明
opacity:0.3;
filter:alpha(opacity=3); /* 针对 IE8 以及更早的版本 */
font-size: 18px;
text-indent: 2em;
color: white;
border: 1px solid rgb(108,108,105);
}
- background:rgba(2,2,2,0.3)--自己设定
.headerMain input[type="text"]{
width:478px;
height: 53px;
border-radius: 25px;
background: rgba(92,90,83,0.3);
font-size: 18px;
text-indent: 2em;
color: white;
border: 1px solid rgb(108,108,105);
}
- 用<i>标签引入小图标,<span>
i{
width:10px;
height:10px;
display:block;
background:url() center center no-repeat;
}
- 获取下一兄弟元素节点:nextSibling 属性返回指定节点之后紧跟的节点,在相同的树层级中。它返回的节点包括文本节点,一般我们想要的是元素节点。然后可以写这样一个函数:
function get_nextSibling(n)
{
y=n.nextSibling;
while (y.nodeType != 1)
{
y=y.nextSibling;
}
return y;
}
4.倒计时小知识
- js的月份是从0开始算起,0为一月,以此类推
- Data对象的getTime()方法会返回从1970年至今的毫秒数