採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
December 3, 2014
固定在上方的寫法
備註：上方會有少了與#bHeader 相同空間。
<html>
<head>
<style type='text/css'>
#bTop{ position:fixed; top:0px;}
</style>
</head>
<body>
<div id="bTop">
這裡是 bTop !!!
</div>
</body>
</html>
<head>
<style type='text/css'>
#bTop{ position:fixed; top:0px;}
</style>
</head>
<body>
<div id="bTop">
這裡是 bTop !!!
</div>
</body>
</html>
備註：上方會有少了與#bHeader 相同空間。
April 10, 2014
December 14, 2013
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
}
September 27, 2010
在瀏覽器上可以馬上改，馬上看到結果的編輯器，好像只對應Google Chrome。動畫如下，可以參考如何修改。
Stylebot Download (Chrome only)
https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha
July 31, 2010
由於為了網頁顯示更快速，將rollover的圖檔集中在一個圖檔時，在Link的地方，按下時會出現無限延長點線式的筐線，以下面的方式解決就可以了。
不知道的話，還真的會為了這件事情查了老半天...
解決重點︰
CSS中寫入 [outline: none; ]就可以了
寫例︰
a { outline: none; }
測試︰
Mac
Safari4 (完全不出現), Firefox3.6 (拉了link的地方還是會出現)
Win
Firefox 3.6
IE (按下時還是會出現框線，不過是正常的link的範圍)
參考︰
http://study.aruko.net/2007/11/01/13/
