在 CSS 中使用 JavaScript 控制圖片

若圖片寬度過寬導致版面位置移位問題,可自訂 ID 裡 width 屬性。

預設 #ImgWidth
/*定位框*/
#ImgWidth {
/* width:100%;
behavior:expression( this.style.width = (document.documentElement.offsetWidth<990)?"990px":"100%");
min-width:990px; */
Width: 800 px; ( 視圖檔大小調寬 width,例 : 1600 px )
}

提供三個調整width的方式,請擇一使用,不使用的code部份請用註解 /* . .. ..*/ 將code包起來。

選擇一

/*照原比例顯示,無任何調整*/
width:100%;


選擇二

behavior:expression( this.style.width = (document.documentElement.offsetWidth<990)?"990px":"100%");
min-width:990px;
/* 如果文件的寬度小於990px,則this.style.width=990px
否則this.style.width=100% ,最小寬度為990px */


選擇三

/* 可視圖檔大小彈性將#container的width寬度自訂為800px */
Width: 800 px;

0 Comments:

 
© 2008 Blogger Template Layout Design by [ Fanchie AirHead ]