CSS

用户体验:IE、Firefox兼容的css hack 前端设计

用户体验:IE、Firefox兼容的css hack

ps.暂时收藏,稍后整理总结。 好多css hack,最重要的是简单实用能解决问题就行了,例如: .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/ *background-color: #0066FF; /*IE6、IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/ } 总结: \9: IE6 IE7 IE8 *: IE6 IE7 _: IE6 *+: IE7(经我测试没多大用)
CSS Sprites技术–阿里妈妈UED 前端设计

CSS Sprites技术–阿里妈妈UED

CSS Sprites 简介:通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着Web设计向着精致、 巧妙的方向发展,设计师们开始考虑使用非Javascript的方式制作鼠标滑过、悬停菜单的效果,这时CSS Sprite应运而生。
CSS技巧超级合集(备忘) 前端设计

CSS技巧超级合集(备忘)

一、使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二、明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比 如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。
分享一个图片显示的效果 前端设计

分享一个图片显示的效果

昨天做东西,用到了这个效果,以前收藏的代码段,现在派上用场了,不错!以后有好的东西再收藏分享给大家吧!代码不难理解,自己看效果吧!
解决诺豆网前台风格在部分浏览器中错位 前端设计

解决诺豆网前台风格在部分浏览器中错位

前段趁放假给诺豆网做了个风格皮肤,但没有对太多的浏览器做测试就直接上线了!后来唏嘘一世提出在Opera有些错位,我去看了一下,发现只是评论列表分页链接处有些错位,但不影响整体阅读,而且个人正在处理其它的事,所以也就没有做修整!