Results matching “遮挡”

CSS、JS在不同浏览器的兼容问题,我们已经讨论过很多次,上一篇名为"兼容IE6,IE7和firefox的菜单"的文中提到过菜单对不同浏览器的兼容问题,除了浏览器对css属性标签识别的差异外,还有个实质性的问题,就是菜单和其他div层重叠问题。文中我们最后通过设置不同div层的z-index属性(注意,两个比较的单位必须有一个是absolute属性)解决了此问题。接下来是js图片翻转特效的浏览器兼容问题。

js特效:图片翻转效果

求使然,需要实现图片翻转特效 ,类似诸多大型网站上滚动的图片新闻。大凡特效,JS一般都可实现,而且用JS,却酷似Flash,非常绚。记得以前做过的小东西,直接拿来用了。

斜角菜单的CSS制作

前些日子设计站点时,看到了一些斜角菜单的导航形式,如Indiana University Library .等少数国外站,但是大概查看一下代码,多为js实现,害怕兼容问题,没有使用。不过如今,利用纯CSS也可以实现斜角菜单了。关键在于倾斜的平行四边会造成首尾两个按钮的重合区,因此设置背景就是重点。设定时需固定li a 的宽度为单个倾斜四边形的宽度。然后使用相对加绝度定位调节他们相互的距离。让他们首尾有重叠区域。也就是切图时候拉开,定义时候拉近,很简单的思路。这样背景需要用到通明gif 或者png,才会放置重叠区域相互遮挡效果还是很绚的。

效果图. :


 

站点改进心得

网站宣布完成,进入后期的加工、修饰和完善阶段。考虑到近期要休婚假,所以工作积压在了国庆前后,加之近期领导要求的修改又多,简直忙疯了……很想像猫一样晒着太阳大睡,即使国庆7天刚刚过完。

小有成就的是解决了一些显示效果相关的技术问题,也就是css、js在不同浏览器、显示器显示效果的兼容性。