上一页 1 ··· 5 6 7 8 9 10 11 下一页
摘要: 基本上来说,由于IE6的存在,用xhtml+css来模拟frameset是很困难的事情,处理的手段我已知的仅以下几点:1. 将IE6转人Quirks mode,其他浏览器采用position:absolute定位。2. 利用IE6的html标签的盒模型解释与其他标签不一致,来实现这个(100%-n像素)的高度,其他浏览器采用position:absolute定位。3. 固定头尾,中间采用“padding”限定顶部距离和底部距离,非常憋脚但无hack的方法1、优化主要目的:解决IE6中采用quirks模式存在弊端的模式。优化主要方法:利用IE6中<html>标签的盒模型bug添置to 阅读全文
posted @ 2012-02-14 16:30 青春无敌小宇宙 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 标准参考根据 W3C CSS2.1 规范中规定了非替换绝对定位元素的宽度计算,其中提到:The constraint that determines the used values for these elements is:'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-righ 阅读全文
posted @ 2012-02-14 16:08 青春无敌小宇宙 阅读(1763) 评论(0) 推荐(0) 编辑
摘要: 这篇文章在我的机器里呆了很长时间了,一直犹豫着到底发还是不发呢。 其原因是这个Demo还有一些不完善的地方,所以一直没发,但又一直想要完善它,所以今天还是打算将它发出来,因为人民的智慧是无穷的。 该布局的重点在于头部和底部的高度固定,并且位置需始终保持不变,中间部分的可视高度为除去头和尾的剩余部分,实际高度则随内容的多少自适应,如果实际高度超出了超出可视高度则出现滚动条(当然,如果是通过JS的话,可以轻而易举的实现,但如果是纯粹的CSS的话...其实也很容易实现,只不过为了能在IE中向下兼容才颇费了一番功夫)。 这听起来似乎有点象框架了,其实就是在模拟那种效果:) [效果演示:http... 阅读全文
posted @ 2012-02-14 14:31 青春无敌小宇宙 阅读(2688) 评论(0) 推荐(0) 编辑
摘要: 云览天下,一触即达——QQ 浏览器(android) 设计之路KYX2011|2011-10-31|视觉设计经过几个月的时间和大家的努力,手机QQ浏览器(android版)从2.0 陆续更新到的 2.6。在经历了设计的千回百转和架构的不断尝试后,终于有了个新面貌,使用体验也比之前版本有了较大提升。不过,这也仅仅是万里长征第一步,这里先和大家分享下这第一步背后的设计心得。国内局势我们可以先来了解国内局势。目前,浏览器市场可谓战火不断,狼烟四起。姑且不说PC端各大浏览器大牛厂商角力数十年。单看手机端,特别是android平台,似乎早已成为兵家必争之地。Opera,起兵早,国际声誉高,想方设法吞噬国 阅读全文
posted @ 2012-02-09 16:02 青春无敌小宇宙 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用户体验,拉近与用户之间距离的兵家必争之地,本文不谈趋势,不讲交互大道理,不涉及技术,就侃侃用户登录... 阅读全文
posted @ 2012-02-07 16:25 青春无敌小宇宙 阅读(310) 评论(1) 推荐(0) 编辑
摘要: 1、各浏览器下 scrollTop的差异IE6/7/8:对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ;对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ;Safari:safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset ;Firefox:火狐等等相对标准些的浏览器就省心多了,直接用 document.documentElement.scrollTop ;2、获取scrollTop值完美的获取scrollT 阅读全文
posted @ 2012-01-30 15:46 青春无敌小宇宙 阅读(4492) 评论(2) 推荐(1) 编辑
摘要: 网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动:<div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div>window.onscroll = function (){ var div = document.getElementById("div"); div.style.top = document.body.scro 阅读全文
posted @ 2012-01-30 15:43 青春无敌小宇宙 阅读(45858) 评论(6) 推荐(11) 编辑
摘要: 先来看看效果图: 刚刚我做界面需要制作一条带点凹陷在页面的直线,努力经过半小时的研究。总结出其中的规律!有好方法当然要分享给大家啦。希望能对大家有帮助! 这样的凹陷先来看看效果图:刚刚我做界面需要制作一条带点凹陷在页面的直线,努力经过半小时的研究。总结出其中的规律!有好方法当然要分享给大家啦。希望能对大家有帮助!这样的凹陷的的直线!一般都是由上下两条一像素直线组合起来!然后通过颜色相差!差生凹陷效果,估计有很多人对这个颜色选定还存一定的不好把握!接下来我告诉大家一个巧妙选定颜色值的办法当你要在一个颜色上做凹陷一条直线(比如说我现在在如下图)背景颜色值 #555555 使用 单行选框工具 划出一 阅读全文
posted @ 2012-01-29 11:42 青春无敌小宇宙 阅读(1792) 评论(1) 推荐(1) 编辑
摘要: 一个LOGO对于一家企业的重要性不用我说相信大家也都知道,不管是从视觉的品牌传播方面,还是对于传达企业对内对外的精神和文化理念方面,小小的一个LOGO都处在一个举足轻重的位置。好了,废话不多说,开始正题。有人说“即使一把火把可口可乐烧得精光,它也能凭借着它的LOGO东山再起。“当然了,至于有没有人说过,我们无法考证。但是这句话充分说明了一个LOGO所能发挥的作用。下面我从5个方面来说明如何才是一个好的LOGO:1. LOGO应该有代表性的寓意(配图)中国银行的LOGO的经典之处也不用我来多废话,我们来看一看它所包含的寓意:(1)首先,既然是中国银行,它的图形部分中间实际上是一个中国的“中”字; 阅读全文
posted @ 2012-01-12 17:23 青春无敌小宇宙 阅读(338) 评论(1) 推荐(0) 编辑
摘要: 取消当前命令:Esc; 工具选项板:Enter; 选项板调整:Shift+Tab; 退出系统:Ctrl+Q;获取帮助:F1; 剪切选择区:F2 / Ctrl+X; 拷贝选择区:F3 / Ctrl+C; 粘贴选择区:F4 / Ctrl+V;显示或关闭画笔选项板:F5; 显示或关闭颜色选项板:F6; 显示或关闭图层选项板:F7; 显示或关闭信息选项板:F8; 显示或关闭动作选项板:F9; 显示或关闭选项板、状态栏和工具箱:Tab;全选:Ctrl+A; 反选:Shift+Ctrl+I; 取消选择区:Ctrl+D; 选择区域移动:方向键; 将图层转换为选择区:Ctrl+单击工作图层; 选择区域以10个 阅读全文
posted @ 2012-01-06 14:57 青春无敌小宇宙 阅读(669) 评论(0) 推荐(0) 编辑
上一页 1 ··· 5 6 7 8 9 10 11 下一页