js利用div背景，做一個(gè)豎線的效果。
更新時(shí)間：2008年11月22日 12:59:13 作者：
嘗試了好多種css屬性，總是無(wú)法達(dá)成目標(biāo)。主要就是height這個(gè)屬性，100%，對(duì)于ff似乎并不起什么作用，既然我將其父容器的高度也設(shè)置為100%，依然沒(méi)有效果。這樣的話，就無(wú)法顯示出平鋪的背景，想法也得不到實(shí)現(xiàn)。
后來(lái)發(fā)現(xiàn)，如果div樣式，如果設(shè)置了具體的高度，無(wú)論ie還ff，都能正常的表現(xiàn)。
但這個(gè)高度并不是固定的，而是會(huì)隨著旁邊div內(nèi)容的多少而變化。最后，只好借助javascript，加載時(shí)捕獲有關(guān)的div的高度，將其賦值給指定的div樣式，終于看到了想要的東西。
具體腳本是這樣的：
window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}
“bg”是要更改高度的div，“mydiv”是相關(guān)要參照的div。
最后那個(gè)單位“px”一定要加上，否則在ff下會(huì)無(wú)法識(shí)別。
這還是有個(gè)問(wèn)題，就是我看到有人介紹說(shuō)offsetHeight這個(gè)屬性在ie7下已經(jīng)不被支持了，具體我沒(méi)有試過(guò)。如果是這樣的話，ie7下這里只好顯示空白了。
但這個(gè)高度并不是固定的，而是會(huì)隨著旁邊div內(nèi)容的多少而變化。最后，只好借助javascript，加載時(shí)捕獲有關(guān)的div的高度，將其賦值給指定的div樣式，終于看到了想要的東西。
具體腳本是這樣的：
window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}
“bg”是要更改高度的div，“mydiv”是相關(guān)要參照的div。
最后那個(gè)單位“px”一定要加上，否則在ff下會(huì)無(wú)法識(shí)別。
這還是有個(gè)問(wèn)題，就是我看到有人介紹說(shuō)offsetHeight這個(gè)屬性在ie7下已經(jīng)不被支持了，具體我沒(méi)有試過(guò)。如果是這樣的話，ie7下這里只好顯示空白了。
您可能感興趣的文章:
- js實(shí)現(xiàn)GridView單選效果自動(dòng)設(shè)置交替行、選中行、鼠標(biāo)移動(dòng)行背景色
- 純js實(shí)現(xiàn)背景圖片切換效果代碼
- 利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果
- JS實(shí)現(xiàn)很酷的水波文字特效實(shí)例
- 基于jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊導(dǎo)航菜單水波動(dòng)畫(huà)效果附源碼下載
- Android實(shí)現(xiàn)點(diǎn)擊Button產(chǎn)生水波紋效果
- Android項(xiàng)目實(shí)戰(zhàn)手把手教你畫(huà)圓形水波紋loadingview
- jQuery實(shí)現(xiàn)點(diǎn)擊水紋波動(dòng)動(dòng)畫(huà)
- Android仿水波紋流量球進(jìn)度條控制器
- javascript實(shí)現(xiàn)起伏的水波背景效果
相關(guān)文章
JavaScript中數(shù)組對(duì)象的那些自帶方法介紹
數(shù)組對(duì)象自帶方法想必大家都有所耳聞,今天主要為大家介紹下JavaScript中數(shù)組對(duì)象的那些自帶方法，感興趣的你可以參考下哈，希望可以幫助你學(xué)習(xí)javascript2013-03-03
js獲取上傳文件的絕對(duì)路徑實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js獲取上傳文件的絕對(duì)路徑實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
詳解JS中的compose函數(shù)和pipe函數(shù)用法
這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法，想深入了解Javascript的同學(xué)，可以參考下2021-04-04
使用Object.defineProperty為對(duì)象定義屬性
這篇文章主要為大家介紹了使用Object.defineProperty為對(duì)象定義屬性示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
localResizeIMG先壓縮后使用ajax無(wú)刷新上傳（移動(dòng)端）
隨著技術(shù)的發(fā)展，移動(dòng)設(shè)備像素越來(lái)越高，但是這么大的圖片怎么上傳呢？下面小編就給大家一起學(xué)習(xí)移動(dòng)端圖片上傳的方法之localResizeIMG先壓縮后使用ajax無(wú)刷新上傳，需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)?lái)一篇JS中的forEach、$.each、map方法推薦。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04
JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡(jiǎn)單方法
這篇文章介紹了JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡(jiǎn)單方法，有需要的朋友可以參考一下2013-07-07
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)卡片輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了Bootstrap布局組件教程之Bootstrap下拉菜單的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
JavaScript判斷表單提交時(shí)哪個(gè)radio按鈕被選中的方法
這篇文章主要介紹了JavaScript判斷表單提交時(shí)哪個(gè)radio按鈕被選中的方法,實(shí)例分析了javascript操作表單radio按鈕的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03