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> ...