-
alpha：一個(gè)灰度通道，通常用來(lái)表示不透明度。
opacity:不透明性。
解析：IE８以下瀏覽器都不支持 opacity css樣式，可以使用IE自帶的“濾鏡”來(lái)實(shí)現(xiàn)，如下代碼：
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
上面代碼的作用設(shè)置為 70% 的透明。查看全部 -
一個(gè)div塊級(jí)元素沒(méi)有主動(dòng)為其設(shè)置寬度和高度，瀏覽器會(huì)為其分配可使用的最大寬度(比如全屏寬度)，但是不負(fù)責(zé)分配高度，塊級(jí)元素的高度是由子元素堆砌撐起來(lái)的。那么，html和body標(biāo)簽的高度也都是由子級(jí)元素堆砌撐起來(lái)的。
還有，元素高度百分比需要向上遍歷父標(biāo)簽要找到一個(gè)定值高度才能起作用，如果中途有個(gè)height為auto或是沒(méi)有設(shè)置height屬性，則高度百分比不起作用，此時(shí)的情況是父元素高度依賴子元素堆砌撐高，而子元素依賴父元素的定高起作用，互相依賴，卻都無(wú)法依賴，死循環(huán)了。
那如何解決這個(gè)問(wèn)題呢，可以讓子元素先定高，這樣是可以解決；但是如果子元素一定要依賴父元素高度呢？
上面的html代碼可以看出，div的父元素是body，body的父元素是html，通過(guò)height:100%層層向上，找到頂級(jí)獲取定高。
所以出現(xiàn)了html和body同時(shí)設(shè)置height:100%，那html的上級(jí)是誰(shuí)呢？
通過(guò)上面的事實(shí)知道，瀏覽器負(fù)責(zé)分配塊級(jí)元素寬度，那么瀏覽器也一定可以分配高度(只是沒(méi)有做)，那么瀏覽器本身是有寬度和高度的，設(shè)置html的height:100%，就可以獲取瀏覽器的定高了，后面的body和div也就有了依賴。
查看全部 -
window.onload=function(){????var?oMask=document.getElementById('mask'); var?oSearch=document.getElementById('searchTip'); var?aStep=oSearch.getElementsByTagName('div'); var?aA=?oSearch.getElementsByTagName('a'); var?aClose=oSearch.getElementsByTagName('span'); //讀取cookie var?res=document.cookie.substring(5); alert("當(dāng)前cookies="+"("+res+")"); //判斷是否來(lái)過(guò) if(res!="www.open.com.cn"){ alert("沒(méi)有登錄過(guò)"); oMask.style.display=oSearch.style.display=aStep[0].style.display="block"; //下一步按鈕 for(?var?i=0;?i<aStep.length;?i++){ aA[i].index=i;//為每一個(gè)按鈕增加一個(gè)index屬性，為后面引用做好準(zhǔn)備 aA[i].onclick=function(){ this.parentNode.style.display="none"; //aStep[this.index+1].style.display="block"; if(this.index?<?aStep.length-1){//如上，如果不加這個(gè)判斷，到了最后一個(gè)會(huì)報(bào)錯(cuò) aStep[this.index+1].style.display="block"; } else?if(this.index==aStep.length-1){//如果到了最后一個(gè)，結(jié)束整個(gè)操作 oMask.style.display="none"; this.style.display=oSearch.style.display="none";? } } } //關(guān)閉按鈕 for(var?i=0;?i<aClose.length;i++){ aClose[i].onclick=function(){ oMask.style.display=oSearch.style.display="none"; } } //如果沒(méi)有來(lái)過(guò)，添加cookie var?oDate=new?Date(); oDate.setDate(oDate.getDate()+30); document.cookie="name=www.open.com.cn;expires="+oDate; }}查看全部 -
position:absolute
margin-left:-490px
text-indent:-999px
cursor；pointer
查看全部 -
使用定位居中 position：absolution；絕對(duì)定位 left：50%;定位到頁(yè)面的一半 margin-left：-490px （980/2）； 左留白為負(fù)，即向左移動(dòng) 本身的一半，使其居中查看全部
-
text-indent:-999px; overflow:hideen; var oDate = new Date(); oDate.setDate(oDate.getDate()+30); var res = document.cookie="name=myenem;exprise="+oDate; 還有經(jīng)典的 aA[i]=i; for循環(huán)與 clik異步的問(wèn)題查看全部
-
getElementsByTagName方法返回的是一個(gè)類數(shù)組的NodeList對(duì)象，能使用length屬性和數(shù)組下標(biāo)取值。查看全部
-
帶有href的a標(biāo)簽，如果綁定單擊事件，應(yīng)該同時(shí)把href禁用。方法可以是修改href="javascript:void(0)";也可以是，在js點(diǎn)擊事件函數(shù)內(nèi)部最底層寫上 return false；查看全部
-
html{height:100%} body{height:100%} 解決兼容性問(wèn)題，使得內(nèi)容可以撐開。查看全部
-
透明度設(shè)置： opacity:0.5; //火狐瀏覽器，谷歌瀏覽器 filter:alpha(opacity=50); //針對(duì)IE查看全部
-
整體思路： 1. 每個(gè)引導(dǎo)框及其中的小按鈕 采用絕對(duì)定位布局 2. 全部隱藏，只顯示第一個(gè)引導(dǎo)框和遮罩層 3. 點(diǎn)擊下一步，隱藏當(dāng)前引導(dǎo)框，顯示同輩元素的下一個(gè)引導(dǎo)框 4. 當(dāng)點(diǎn)擊到最后一個(gè)引導(dǎo)框時(shí)，完成引導(dǎo)，隱藏所有引導(dǎo)框和遮罩層 5. 其中點(diǎn)擊每個(gè)引導(dǎo)框的關(guān)閉按鈕，結(jié)束引導(dǎo) ，隱藏引導(dǎo)框和遮罩層 6.js中cookie的設(shè)置：document.cookie="name=value;expries=time; path=xxx; domain=xxx ; secure ";查看全部
-
IE８以下瀏覽器都不支持 opacity css樣式，可以使用IE自帶的“濾鏡”來(lái)實(shí)現(xiàn)，如下代碼： filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 上面代碼的作用設(shè)置為 70% 的透明。查看全部
-
透明度設(shè)置： opacity:0.5; //火狐瀏覽器，谷歌瀏覽器 filter:alpha(opacity=50); //針對(duì)IE查看全部
-
透明度設(shè)置： opacity:0.5; //火狐瀏覽器，谷歌瀏覽器 filter:alpha(opacity=50); //針對(duì)IE查看全部
-
getElementsByTagName方法返回的是一個(gè)類數(shù)組的NodeList對(duì)象，能使用length屬性和數(shù)組下標(biāo)取值。查看全部
-
IE８以下瀏覽器都不支持 opacity css樣式，可以使用IE自帶的“濾鏡”來(lái)實(shí)現(xiàn)，如下代碼： filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 上面代碼的作用設(shè)置為 70% 的透明。查看全部
-
js實(shí)現(xiàn)核心代碼部分查看全部
-
document.cookie="name1=value1;expires=期限";查看全部
舉報(bào)