現在新版的瀏覽器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) 人氣()

/**
* 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) 人氣()

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

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

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

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

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) 人氣()

利用css裁剪圖片有兩種方法,如下:
【方法一】
可以利用overflow: hidden;屬性,把多出來的圖片隱藏起來
在最裡面那層img,利用margin去調整圖片要顯示出來的位置  

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

由於各瀏覽器不同公司各自為政,沒有依照W3C的規定標準作,
所以才會有同一個語法,但在不同瀏覽器呈現的卻不同的問題
因此才會有reset.css這支成是去幫你做統一的動作!很方便唷!

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

當你的圖片是用<img src=''>置入div時可以利用此方法
來裁切掉你的圖片
(ps 所以當你是用background的方式用css置入圖片的話
就可以利用css指令background-position與設定width操控你要顯示的位置瞜)

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

CSS Hank
來源:http://www.blog.e-creative.tw/archives/531
 

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

現在CSS3仍不支援IE8以下(包含IE8)
所以在設定圓角、陰影、漸層(Gradient Background)等,在IE都沒有效果
所以都要另外做圖片來滿足
 

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

Solutions-3-Applications.jpg
 
 
.ntw-n .article-title{/*標題樣式*/
    font-weight: 600;
    border-bottom:1px solid #CCCCCC;
    background:url('./images/title01.jpg');
    background-repeat:no-repeat;
    vertical-align:middle;
    height:23px;// 讓底圖正常顯示高度
    font-size:14px;
    padding: 4px 0px 4px 30px; // 利用來讓文字不要黏太上面下面,另外距離底途有30px距離
}

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

外部連結
<link rel="stylesheet" type="text/css" href="../main.css" />  
<style>
    @import url("../main.css");
</style>

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

1 2
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。