终于下决心买房了,从2009年的第一天开始看起,没想到短短两个月高频点击安居客,高频接拨电话,高频看房下,一个寒假报销了,不过房子的事算定了。
Results matching “遮挡”
对于CSS、JS在不同浏览器的兼容问题,我们已经讨论过很多次,上一篇名为"兼容IE6,IE7和firefox的菜单"的文中提到过菜单对不同浏览器的兼容问题,除了浏览器对css属性标签识别的差异外,还有个实质性的问题,就是菜单和其他div层重叠问题。文中我们最后通过设置不同div层的z-index属性(注意,两个比较的单位必须有一个是absolute属性)解决了此问题。接下来是js图片翻转特效的浏览器兼容问题。
需求使然,需要实现图片翻转特效 ,类似诸多大型网站上滚动的图片新闻。大凡特效,JS一般都可实现,而且用JS,却酷似Flash,非常绚。记得以前做过的小东西,直接拿来用了。
前些日子设计站点时,看到了一些斜角菜单的导航形式,如Indiana University Library .等少数国外站,但是大概查看一下代码,多为js实现,害怕兼容问题,没有使用。不过如今,利用纯CSS也可以实现斜角菜单了。关键在于倾斜的平行四边会造成首尾两个按钮的重合区,因此设置背景就是重点。设定时需固定li a 的宽度为单个倾斜四边形的宽度。然后使用相对加绝度定位调节他们相互的距离。让他们首尾有重叠区域。也就是切图时候拉开,定义时候拉近,很简单的思路。这样背景需要用到通明gif 或者png,才会放置重叠区域相互遮挡效果还是很绚的。
效果图. :
网站宣布完成,进入后期的加工、修饰和完善阶段。考虑到近期要休婚假,所以工作积压在了国庆前后,加之近期领导要求的修改又多,简直忙疯了……很想像猫一样晒着太阳大睡,即使国庆7天刚刚过完。
小有成就的是解决了一些显示效果相关的技术问题,也就是css、js在不同浏览器、显示器显示效果的兼容性。