2011年5月2日 星期一

CSS 版面自動高度

#container {  
margin:0 auto;  
width: 780px;  
background: #ffc;  
border: 1px solid #000;  
overflow: hidden; 
} 

外層容器設定裡不要指定高度,也就是維持預設的 height:auto; 同時加入 overflow: hidden; 即可。

(當然內層容器也不要指定高度)

參考http://blog.linym.net/archives/129

AnythingSlider IE6 7可能的執行錯誤

屬性最後一欄,不要有逗號
easing              : "swing", <---把做後一個屬性逗號拿掉

2011年4月21日 星期四

CSS簡易HACK觀念

有時候明明chrome可以使用的屬性,但IE7會因為那屬性而跑掉
但如果拿掉那條屬性,又很賭爛,所以需求就是chrome要,IE7也要正常,
來!!首先知道 * (星符號)在chrome是無法判斷,但IE7可以接受*後面還有屬性設定

簡易範例 例如字型大小設定在chrome可以用75%但在IE7 用100%才正常
font-size: 75%;
*font-size: 100%;
這樣就會先讓chrome過了,再來IE讀到星號又變回100%

2011年4月20日 星期三

CSS-background-position的基本位移觀念

一樣是寫給自己的
background: url(../img/Measure_css.jpg) no-repeat;
background-position : 0px -82px;(左右,上下,以左上角為基準點0px)
這裡位移觀念是以左上角為基準點0px

所以我一開始自以為這樣行的通結果失敗
background-position : top 82px;
or
background-position : left 82px;

目前這樣單用top left不是很明瞭

2011年4月6日 星期三

2011年2月20日 星期日

div簡單開關應用

<div id="open0<?php echo $row_Recp2c['faq_id']; ?>" style='display:;'><a href="javascript:View_resume(<?php echo $row_Recp2c['faq_id']; ?>)"><img src="img/Developer_Icons_002.png" width="15" height="15" border="0" /></a></div>


<script language="JavaScript">
//學校顯示全部關閉切換用
function View_resume(x){
if (eval("d0"+x).style.display == "") {
eval("d0"+x).style.display = 'none';
eval("close0"+x).style.display = 'none';
eval("open0"+x).style.display = '';
}else{
eval("d0"+x).style.display = '';
eval("close0"+x).style.display = '';
eval("open0"+x).style.display = 'none';
//開啟 x <div> 時要關閉 其它的 5 6 7 8 是維一的
switch(x){
// case 5:d06.style.display = 'none';d07.style.display = 'none';d08.style.display = 'none';break;
//case 6:d05.style.display = 'none';d07.style.display = 'none';d08.style.display = 'none';break;
//case 7:d06.style.display = 'none';d05.style.display = 'none';d08.style.display = 'none';break;
//case 8:d06.style.display = 'none';d07.style.display = 'none';d05.style.display = 'none';break;
}
}
}
</script>