October 7, 2015
如果設定在body背景上，也可以完成相類似的效果。
html {
background: url(你的圖片) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
background: url(你的圖片) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
August 21, 2015
August 13, 2015
MVC模式之下，主導View視覺的設計師，必須顧慮到 Control 工程師較容易改寫 table tr 寬度時，以 CSS 控制寬度 tr 是一個辦法，但是負責 Control 卻是越界去調整 CSS 設定，便達不到 MVC 理想境界了。
與 Control 工程師討論之下，採用 colgroup的方式，切割出 tr 的寬度，就能讓工程師安心的在html中改寫寬度，不需要彙整兩端的人員去修改網頁程式了。
與 Control 工程師討論之下，採用 colgroup的方式，切割出 tr 的寬度，就能讓工程師安心的在html中改寫寬度，不需要彙整兩端的人員去修改網頁程式了。
May 24, 2015
有時候因為程式 id 呼叫的關係，必須讓 table 的 tags 上不要出現 id 的css 指定，可以利用 col 指定 table內容。
▲設定前
▲設定後
head中（/**/ CSS中為註解符號）
▲設定前
▲設定後
head中（/**/ CSS中為註解符號）
<style>
table, th, td {
border: 1px solid black;
/* width:500px; 寬度也可以加在這裡*/
}
</style>
table, th, td {
border: 1px solid black;
/* width:500px; 寬度也可以加在這裡*/
}
</style>
April 12, 2015
同時秀出價格
同時秀出價格
CSS (head)
/*隱藏區塊用*/
.box{display: none;}
/*秀出區塊用*/
.bS01{}
.bS02{}
.bS03{}
/*區塊範圍指定*/
.bBW{}
.box{display: none;}
/*秀出區塊用*/
.bS01{}
.bS02{}
.bS03{}
/*區塊範圍指定*/
.bBW{}
JavaScript (head)
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="radio"]').click(function(){
if($(this).attr("value")=="bOne"){
$(".box").hide();
$(".bS01").show();
}
if($(this).attr("value")=="bTwo"){
$(".box").hide();
$(".bS02").show();
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="radio"]').click(function(){
if($(this).attr("value")=="bOne"){
$(".box").hide();
$(".bS01").show();
}
if($(this).attr("value")=="bTwo"){
$(".box").hide();
$(".bS02").show();
}
});
});
</script>
April 6, 2015
HTML Source
<input type="checkbox" class="bLarger" name="checkBox">
Source Code
<style type="text/css">
input.bLarger{width: 20px; height: 20px;}</style>
input.bLarger{width: 20px; height: 20px;}</style>
