CSS

IE6不支援設定transparent為邊框的顏色。例如：border:solid 1px transparent; 解決方案：border:solid 1px transparent;/*set an unused color to be index color*/_border-color:tomato; /*For IE6-*//*then remove this indexed color*/_filter:chroma(color=tomato);/*For IE6-*/結果如下：

從米克那裡找的寶貝代碼，效果不錯，以前用過純css的tips，不過限制挺大，這個還是蠻不錯的！效果代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

眾所周知 IE6 不支援 position:fixed ，這個 bug 與 IE6 的雙倍 margin 和不支援 png 透明等 bug 一樣臭名昭著。如何讓 position:fixed 在 IE6 中工作的？本文所使用的技巧是用了一條 Internet Explorer 的 CSS 運算式 (expression) 。你不可以直接使用該運算式，因為它可能會因為緩衝而不更新。解決這一點的最簡單的方式是使用 eval 包裹你的語句。如何解決“震動”的問題？顯然 IE

<span style="cursor:hand">手 形</span>　 <span style="cursor:crosshair">十 字</span>　<span style="cursor:text" >文本游標</span>　<span style="cursor:wait" >等 待</span>　<span style="cursor:default" >默

中午做了幾個緊急的BUG Fix，已經支援Firefox，和Css

我們在做網站後台管理的時候，往往需要用到Tab形式的導覽功能表，部落格園如此，BlogEngine也如此，前段時間研究修改BlogEngine的時候看到其Tab實現如此容易，思路不錯，但是有一點使我鬱悶，他的Tab標題是取檔案名稱，而使用中文的檔案名稱是寫程式的大忌，自然就想到了Asp.Net2.0的特性Web.sitemap，我們的資料來源如何不從它來，於是簡單寫了下，其實很簡單，只需要一個樣式檔案，一個SiteMap,一個通用的UserControl，一個主版頁面。 下面是核心Code）Co

在分配ID和類名時，儘可能保持與表現形式無關，例如contleft有可能以後希望出現在右邊。 盡量少使用類,因為可以層疊識別,如: .News h3而不必在h3上加類<div class=”News”> <h3></h3> <h2></h2> <p></p> </div>   3.  沒有現有元素區分的情況下再用div<div id=”mainNav”> <ul>

http://techbus.safaribooksonline.com/book/web-design-and-development/9780470540701 document.forms[0]document.images[0]document.links[0].href document.frmLogin.pwdPassword.value [name導航，id 不好使]document

Div+CSS布局入門教程 (2.寫入整體層結構與CSS) 接下來我們在案頭建立一個檔案夾，命名為“DIV+CSS布局練習”，在檔案夾下建立兩個空的記事本文檔，輸入以下內容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/19

代碼如下： <style type="text/css"><!--.btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;width:100px;height:16px;text-align:center;}.btnON{padding:3px;border:1px inset;background-color:

一.What is CSS1.CSS stands for Cascading Style Sheets2.Styles define how to display HTML elements3.Style Sheets Can Save a Lot of Work二. Cascading OrderWhat style will be used when there is more than one style specified for an HTML element? 1.

區別不同瀏覽器，CSS hack寫法，從網上看到很多文章，現總結一下，盡量全面一點，備查。注意下面介紹的這些hack寫法僅適用於XHTML1.0。如果沒有在HTML最前加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199

有時候，我們用CSS建立一個高度調適型配置，如何保證頁尾（footer）在內容不超過一屏的情況下始終保持在布局最下方是一個比較頭疼的事。我看過一些利用絕對位置的例子，但總感覺不是那麼完美，經過一下午的研究總結出一個利用負值外補丁的方法來實現這個效果的方法，相容IE5.0+，Opera 8.5+，Firefox 1.5+。下面我們看步驟：    1、為了讓瀏覽器識別高度100%我們需要先給 html 和 body 加上一個高度值，同時清除所有元素的 margin 和

function $import(path,type,title){ var s,i; if(!type) type=path.substr(path.lastIndexOf(".")+1); if(type=="js"){     var ss=document.getElementsByTagName("script");     for(i=0;i<ss.length;i++){         if(ss[i].src &&

之前老弄不明白，只能憑藉一點短期內“虐出來的經驗”製作需要的效果，後來仔細研究了一下Hutia的XScroller，並且仔細看了文檔，才知道這個position屬性其實是指本體對上級的定位。如果這麼理解，就好辦了。預設的屬性值都是static，靜態。就不用多說了。最關鍵的是relative（相對）以及absolute（絕對）。往往我們如果是COPY別人的代碼，會把absolute屬性與left、top配合起來製作相關的“懸浮層”效果。然而有時候我們需要針對某一個容器的懸浮效果，而不是針對視窗的。

今日整理網站的 CSS 的時候發現我的網站在 Firefox下面出現了變形的情況,這個時候我急啊.我就到網上找了很多資料,最後發現下面的內容比較實用:熟悉CSS的朋友一定對CSS hack十分瞭解了，現在IE瀏覽器、Firefox瀏覽器、Chrome瀏覽器、Opera瀏覽器、Safari瀏覽器百家爭鳴，可苦了我們這些Web前端開發人員了。我在這裡稍微整理了一下前面瞭解的各瀏覽器的CSS hack，打包奉獻一下，哈哈。各瀏覽器CSS

背景 background 　　css 說明 　　background-image:url("圖片的網址"); 背景圖 　　background: url(" 圖片的網址 "); 背景 　　background-color:#色碼; 背景色彩 　　Exp: 　　background-image:url(背景圖案.jpg,gif,bmp); 　　background-color:#FFFFFF; 　　background-color : transparent; <--設定背景為透明色 　　

使用 line-height 垂直置中line-height:24px;使用固定寬度的容器並且需要一行垂直置中時，使用 line-height 即可（高度與父層容器一致），更多的垂直置中總結可以看這裡。清除容器浮動#main {    overflow:hidden;}期前也提到過這樣的問題，更多資訊可以看這裡。不讓連結折行a {    white-space:nowrap;}上面的設定就能避免連結折行，不過個人建議長連結會有相應的這行（有關換行方面的討論，參看圓心的記錄）。始終讓

CSS的十八般技巧最近,經常有朋友問我一些工作中遇到的CSS問題。他們總是不能很好的控制CSS，影響CSS的效率發揮。我來分析總結一下錯誤所在，協助大家更加容易使用CSS。本文總結了我開始使用CSS布局方法以來所有的技巧和相容方案，我願意把這些與你分享，我會重點解釋一些新手容易犯的錯誤(包括我自己也犯過的)，如果你已經是CSS高手，這些經驗技巧可能已經都知道，如果你有更多的，希望可以幫我補充。一.使用css縮寫使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用

在asp.net中，有的時候要動態變換CSS，比如有的時候做個人化頁面，可以這樣做<head><link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" /></head>之後，在要更換CSS的頁面中，使用如下代碼Sub Page_Load(Sender As Object, E As EventArgs) If Not (IsPostBack)