js利用div背景，做一個豎線的效果。
更新時間：2008年11月22日 12:59:13 作者：
嘗試了好多種css屬性，總是無法達成目標。主要就是height這個屬性，100%，對于ff似乎并不起什么作用，既然我將其父容器的高度也設置為100%，依然沒有效果。這樣的話，就無法顯示出平鋪的背景，想法也得不到實現(xiàn)。
后來發(fā)現(xiàn)，如果div樣式，如果設置了具體的高度，無論ie還ff，都能正常的表現(xiàn)。
但這個高度并不是固定的，而是會隨著旁邊div內(nèi)容的多少而變化。最后，只好借助javascript，加載時捕獲有關的div的高度，將其賦值給指定的div樣式，終于看到了想要的東西。
具體腳本是這樣的：
window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}
“bg”是要更改高度的div，“mydiv”是相關要參照的div。
最后那個單位“px”一定要加上，否則在ff下會無法識別。
這還是有個問題，就是我看到有人介紹說offsetHeight這個屬性在ie7下已經(jīng)不被支持了，具體我沒有試過。如果是這樣的話，ie7下這里只好顯示空白了。
但這個高度并不是固定的，而是會隨著旁邊div內(nèi)容的多少而變化。最后，只好借助javascript，加載時捕獲有關的div的高度，將其賦值給指定的div樣式，終于看到了想要的東西。
具體腳本是這樣的：
window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}
“bg”是要更改高度的div，“mydiv”是相關要參照的div。
最后那個單位“px”一定要加上，否則在ff下會無法識別。
這還是有個問題，就是我看到有人介紹說offsetHeight這個屬性在ie7下已經(jīng)不被支持了，具體我沒有試過。如果是這樣的話，ie7下這里只好顯示空白了。
您可能感興趣的文章:
相關文章
下面小編就為大家?guī)硪黄狫avaScript對Json的增刪改屬性詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了js彈出確認是否刪除對話框，具體實現(xiàn)代碼如下，需要的朋友可以參考下2014-03-03
JS實現(xiàn)常用導航鼠標下經(jīng)過下方橫線自動跟隨效果
這篇文章主要介紹了JS寫常用導航鼠標下經(jīng)過下方橫線自動跟隨效果，文中還給大家講解了基于css?+?js?實現(xiàn)導航欄下劃線跟隨鼠標滑動效果,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了JavaScript實現(xiàn)圖像模糊化的方法,文中先進行簡單介紹，而后給出了完整的實例代碼，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
Some tips of wmi scripting in jscript (1)
Some tips of wmi scripting in jscript (1)...2007-04-04
本篇文章主要是對JS刪除字符串最后一個字符的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了JavaScript原型對象原理與應用,結合實例形式分析了javascript原型對象的概念、原理、使用方法及相關操作注意事項,需要的朋友可以參考下2018-12-12
javascript面向?qū)ο笾L問對象屬性的兩種方式分析
這篇文章主要介紹了javascript面向?qū)ο笾L問對象屬性的兩種方式分析,實例分析了直接訪問對象屬性的方式與數(shù)組訪問方式,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了8 個有用的JS技巧(推薦)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-07-07
uni-app集成使用SQLite數(shù)據(jù)庫的方法步驟
這篇文章主要介紹了uni-app集成使用SQLite數(shù)據(jù)庫的相關資料,包括勾選SQLite選項、封裝sqlite.js文件以及在使用時注意的事項,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2025-01-01