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