Time of Update: 2015-07-26
標籤:一些瀏覽器的相容性做一個總結的問題以下:為什麼會出現這樣的現象是?主要表現為Firefox這樣的良好支援的瀏覽器W3C標準,這是現在CSS支援最好的瀏覽器,和ie它比較早出現,在w3c支援一直沒有做得很好。有非常多的事情出現FF和IE於它們的預設顯示不一樣,而這個預設樣式該怎樣顯示我知道在w3中有沒有相應的標準來進行規定。以下總結一下這兩種瀏覽器的相容問題:1.HTML對象擷取問題FireFox:document.getElementById("idName");ie:
Time of Update: 2016-05-16
div+css頁面配置的五個小技巧_經驗交流1、表單文本輸入的移動選擇: 在文本輸入欄中,如果加入了提示,來訪者往往要用滑鼠選取後刪除,再輸入有用的資訊。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中,一切就會變得簡單多了,如: <textarea name=textarea wrap=virtual rows=2 cols=22
Time of Update: 2016-05-16
不知道家有沒有遇到過這樣的情況:在CSS控製圖片大小時,如果把圖片的寬度寫死,比如 img{width:500px;} ,固然,如果圖片寬度大於500px可以很好的控制它不讓它過大,但如果圖片寬度小於500px,比如說只有100px時,剛才的寫法會把這張圖擴大5倍顯示,顯然,這不是我們想看到的。 那麼,CSS如何可以區分對待這些圖片設定大小呢?很簡單,請看: 複製代碼 代碼如下:img{width:expression(this.width>500?"500px":this.width+
Time of Update: 2016-05-16
例如: Some Content 此時預覽此代碼,我們會發現最外層的父元素float container,並沒有顯示。這是因為子項目因進行了浮動,而脫離了文檔流,導致父元素的height為零。 若將代碼修改為: Some Content 注意,多了一段清理浮動的代碼。這是一種好的CSS代碼習慣,但是這種方法增加了無用的元素。
Time of Update: 2016-05-16
讓網頁架構透明 IE5.5和NN6以上的瀏覽器支援Frame,Iframe對象的allowTransparency方法,如果某對象的背景顏色設定為Transparency的,它將繼承包含它容器的特性。我們可以通過這個特性實現透明背景的開/關。 代碼如下: a.html如下: 透明文檔 此IFRAME無背景顏色 BODY: iframe 底部對齊的代碼:
Time of Update: 2016-05-16
好處是: 相容IE,firefox,Opera; 有利於內容完整性;有利於SEO; 無需背景程式處理; 可以在前台隨時調節要截取的長度。 不好的地方: 不能自動判斷截取長度,當字元很短的時候在Firefox中也會產生後面的省略符號。 另外在設定截取寬度的時候,要注意,盡量讓文字截取完整。 Quote: css文字截取 用css來實現自動截取文字,不需要背景程式和JS的使用
Time of Update: 2016-05-16
自己用個符號·來代替,卻發現怎麼顯示都比較小,後來自己研究才發現我的字型全部定義成tahoma了,只要採用“宋體”就正常了。 列表前的小方塊--design by 指令碼之家 ·指令碼之家 ·指令碼之家 ·指令碼之家 ·指令碼之家 ·指令碼之家 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2016-05-16
這是一篇關於CSS HACK的文章,這篇文章中提到的CSS HACK是針對class、id中屬性的HACK,排列的順序都具有要求。今天要和大家說的是針對class、id所做的CSS HACK。 複製代碼 代碼如下:.test{/*FF*/ height:20px; background-color:orange; } *+html .test{/*IE7*/ height:20px;
Time of Update: 2016-05-16
這是許多網頁製作者與開發人員都關心的問題。大概沒有什麼魔法,可以保證一下就把你的樣式表縮小到百分之多少,但合理的 CSS 編碼與組織技巧,的確能夠協助你的更有效率地寫出更清晰高效的代碼,自然,樣式表大小的縮減還能減少下載的時間。 一、排版: 1.關鍵詞和操作符之間加適當的空格。 2.相對獨立的程式塊與塊之間加空行 3.較長的語句、運算式等要分成多行書寫。 4.劃分出的新行要進行適應的縮排,使排版整齊,語句可讀。
Time of Update: 2016-05-16
If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I've written about some of them
Time of Update: 2016-05-16
1、800*600下,網頁寬度保持在778以內,就不會出現水平捲軸,高度則視版面和內容決定。 2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平捲軸和垂直捲軸。 3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右
Time of Update: 2016-05-16
屏蔽IE瀏覽器(也就是IE下不顯示) *:lang(zh) select {font:12px !important;} /*FF的專用*/ select:empty {font:12px !important;} /*safari可見*/ 這裡select是選擇符,根據情況更換。第二句是MAC上safari瀏覽器專屬的。 僅IE7識別 *+html {…} 當面臨需要只針對IE7做樣式的時候就可以採用這個HACK。 IE6及IE6以下識別 * html {…}
Time of Update: 2016-05-16
css table 超出隱藏
Time of Update: 2016-05-16
我這裡有兩個例子,如果你的瀏覽器是IE的,你可以測試一下! 1、先看這幾行代碼! 複製代碼 代碼如下: 注意:我多寫了一個,這個標籤沒有閉合! 看一下效果,放心,這會不會死的! css ie [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]我開始加CSS了; 複製代碼 代碼如下: 看一下效果,不想死的不要點! css ie [Ctrl+A 全選
Time of Update: 2016-05-16
在Dreamweaver8中,只要一加入表單或表單對象,文字框等等,就會在代碼中加入一個,一直沒明白這個label是做什麼的,今天正好看到瞭解釋: Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。 FOR屬性 功能:表示Label標籤要綁定的HTML元素,你點擊這個標籤的時候,所綁定的元素將擷取焦點。 用法:姓名 ACCESSKEY屬性: 功能:表示訪問Label標籤所綁定的元素的熱鍵,當您按下熱鍵,所綁定的元素將擷取焦點。 用法:姓名
Time of Update: 2016-05-16
我們都知道網頁的最大特性是“連結”,是的這個在我們現在看起來習以為常的東西,讓我們的生活發生了巨大的變化,是這個小小的標籤成就了這個世界上無數的互連網天才。那麼讓我們看看這個標籤的真面目: 文本區
Time of Update: 2016-05-16
這是今天有人發郵件問的一個問題,最開始的想法是用ul列表來實現;但是這樣用出現兩個比較麻煩的地方: 1、如果用UL還布局,右邊一欄比較麻煩; 2、文字外邊的邊框自適應比較麻煩; 3、很可能要定死高度; 所以,細細地看一看這個布局,想一想還是用DL.DT.DD作是合理的: 1、布局合理一些; 2、將來擴充很方便; 3、CSS一定很少; 試著寫了寫,看一看還行!在可控範圍內! 布局布分當然不用說了:<h1>標題</h1> <div> <dl>
Time of Update: 2016-05-16
上篇已經說了在第五篇會開始講CSS,剛開始講不能講得複雜,我們還是由淺入深,一步步來。還是那句話:先用起來,然後再去研究。即然我們第一篇講的是段落,那我們這篇初講CSS當然也還是要從段落開始,讓我們的段落先漂亮起來。在沒有講CSS之前我們先去想一下什麼樣的段落才看起來才是最舒服的?如果大家一時還沒有什麼想法或是還不清楚如何去分析這個問題不妨先看一下《網頁設計技巧系列之一
Time of Update: 2016-05-16
對於每一個Web developer來說,瀏覽器的相容都是個大問題,其中Firefox和IE又是最主要的使用者瀏覽器。一般我們會安裝不同的瀏覽器來進行測試,Firefox使用者則可以使用IE tab這人擴充來進行調試。 現在,你可以試試下面這個應用程式,或許能為你的開發工作帶來不少方便,介面就像Dreamweaer之類的,左邊顯示CSS代碼編輯區,右邊分兩欄顯示IE和Firefox下的調試效果。當然,布局 肯定是可以調整的。 這個程式也可以用來調試你的網頁在IE和Firefox下的顯示效果。
Time of Update: 2016-05-16
1. 檢查HTML元素是否有拼字錯誤、是否忘記結束標記 即使是老手也經常會弄錯div的嵌套關係。可以用dreamweaver的驗證功能檢查一下有無錯誤。 2. 檢查CSS是否正確 檢查一下有無拼字錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼字錯誤。CleanCSS本是為CSS減肥的工具,但也能檢查出拼字錯誤。 3. 確定錯誤發生的位置 如果錯誤影響了整體布局,則可以逐個刪除div塊,直到刪除某個div塊後顯示恢複正常,即可確定錯誤發生的位置。 4.