小春日和

3月 27 週三 201312:43
CSS｜IE8 嵌入iframe有白框邊

現在新版的瀏覽器FF/Chrome/IE9都已經不會有嵌入iframe有白框邊的問題了
唯獨IE8/IE7還是會有
解決方法如下:
<iframe name="container" frameborder="0" allowtransparency="true" id="container" src="{$func_url}" width="100%"
height="auto" marginwidth="100%" marginheight="100%" border="0" scrolling="no" onload="Javascript:SetCwinHeight()">

(繼續閱讀...)

cabuchi 發表在痞客邦留言(0) 人氣(1,040)

個人分類：CSS

▲top

3月 14 週四 201309:55
CSS｜HTML5 Doctor CSS Reset

/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span,object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong,sub, sup,var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del{
text-decoration: line-through;
}
abbr[title], dfn[title]{
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em0;
padding:0;
}
input,select{
vertical-align:middle;
}

(繼續閱讀...)

cabuchi 發表在痞客邦留言(0) 人氣(129)

個人分類：CSS

▲top

12月 25 週二 201217:30
CSS｜表格細框線

table {
　　　border: 1px solid #ccc;
　　　border-collapse: collapse;
}
tr, td {
　　　border: 1px solid #ccc;
}

(繼續閱讀...)

cabuchi 發表在痞客邦留言(0) 人氣(181)

個人分類：CSS

▲top

10月 24 週三 201210:58
CSS｜border 畫三角形

三角形可以不用做圖就可以畫出來瞜
只要用一個div就可呈現出來寫法如下:

(繼續閱讀...)

cabuchi 發表在痞客邦留言(0) 人氣(874)

個人分類：CSS

▲top

7月 27 週五 201213:41
CSS｜透明度

filter:alpa(opacity=80); /* Old IE */
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80,FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); /*Supported by current IE*/
-moz-opacity:0.7; /* Moz + FF */
opacity:0.7; /* 許多新版瀏覽器皆支援 */

(繼續閱讀...)

cabuchi 發表在痞客邦留言(0) 人氣(17)