ps+div+css打造藍色后台--login頁面設計
ps+div+css打造藍色后台 做到兼容主流瀏覽器 如何設計一個頁面？ 如何切片才能更好的配合實現？ 如何考慮兼容性？ 如何用div+css做后台的百分比布局? Login頁面設計 先在photoshop中進行設計 1,打開ps，新建1200px*768px;打開圖層面板，解鎖 ...
原文：ps+div+css打造藍色后台--login頁面實現,ps切片,瀏覽器兼容
login頁面實現,ps切片,瀏覽器兼容 上次已經設計好了login頁面了，這次就主要講login頁面的div css的實現。這里主要涉及到兩個問題。 ,怎么切片 ,怎么合理的構造頁面，才能足夠的兼容和代碼清晰。 先講切片： 切片我不知道大家是怎么切的，有的人好像是直接整張的切，不管理前景和背景的，我這里主要是講分開切，這樣有利於html構造和有更好的兼容性，並且更容易與js動畫。 ps:在動手之 ...
2012-07-24 00:11 10 3842 推薦指數：
相關推薦
PS怎么切圖/切片如何切圖
1、選擇切片工具 2、選擇切片區域 3、文件-導出-存儲為web所用格式 4、點擊儲存即可 ...
純CSS打造兼容各種瀏覽器的幾何圖形
平時我們需要三角形，大多數開發者都會選擇用圖形處理軟件做一個三角形。這雖然工作量不大；但是對於開發人員來說，有時你可能只是需要一個簡單的三角形；這個時候無論是自己打開圖形軟件做一個還是讓美工做一個給你，都可能會打斷你的思路，現在你再也不用為了一個簡單的幾何圖形而借助於圖形處理軟件了。因為用CSS ...
PS如何刪除灰色的自動切片
PS為網頁設置了切片功能，但是在切片的時候，除了用戶的，還會產生一些自動切片，這些切片呈現灰色。很多時候這些切片都用不着，切完保存之后還要挑出需要的來，還是有點麻煩。 以前在網上搜到過解決方法，后來很長時間沒用忘記了，之后就是把自己要的切片挑出來，或者刪掉自動切片，因為切片不多，所以還 ...
ps切圖保存所有切片為png
ps切圖保存所有切片為png的步驟： 1. 切圖完畢后 2. 點擊‘文件’--‘保存為web格式’，彈出對話框 3. 選擇左下角的縮放，縮放到一定的比例 4. 按住鍵盤shift 點選需要的切片（切片周圍呈現橙黃色線框） 5. 點擊右上角格式為‘png’ 6. 點擊右下角'存儲'，彈出 ...
如何優雅地實現瀏覽器兼容與CSS規則回退
讀完了《Visual Studio Code權威指南》，前端方面書籍不能停，於是撿起「CSS一姐」 Lea Verou 的《CSS魔法》。 我們沒法控制用戶使用新版本還是老版本的瀏覽器，因此往往需要根據瀏覽器對於屬性的兼容情況書寫多套 CSS 代碼。本文就是探討如何優雅地應對瀏覽器兼容 ...
CSS實現漸變 兼容各主流瀏覽器
某些情況下，漸變是不需要切圖的，也許還有新手不知道。這篇文章來講一下用CSS實現線性漸變，並且兼容IE6等等。 什么情況下需要CSS實現漸變？ 用CSS代替背景圖片就不用說了。比如這個表單下的背景，它是#ffffff 到#eeeeee 的線性漸變。如圖： 某些時候用戶可能會把它操作 ...
css方法實現div固定瀏覽器底端
CSS： body： <div class="main">這是內容層</div> <div class="footer">我在底部</div> ...