display : 改變元素顯示特性
- none 從網頁消失,不佔空間
- block 塊,<div> 就是該屬性
- inline 行內, <span>
opacity : 透明,隱身還是有體積並且可互動
- 1 不透明
- 0 完全透明
- 0.5 50% 透明
範例: A Not-so-slow JavaScript Face Detector 點選作用在 <input type="file"> 之上,該 tag 使用 opacity:0 完全透明
1 2 3 4 5 6 7 8 9 |
content #viewport input#file-selector { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } |
HighCharts 自訂 Y 軸
1 2 3 4 5 6 7 8 9 10 11 12 13 |
yAxis:[ { title: { text: '' }, alignTicks:false, max:50, min:0, minRange: 20 }, { title: { text: '溫度 ℃' }, opposite: true } ] |
- title: {text: '標題'} 標題字
- alignTicks: false 取消多線時對齊判斷,主要是讓 max 設定值可以作用
- max:50 最大值
- min: 0 最小值
- minRange: 20 最小範圍
- opposite: true 顯示於另一側 (右側)
816 total views, 1 views today