QQ 1640076782

2012年08月30日

表格做背景,链接失效

Filed under: 未分类 — lifengwu @ 9:34 上午

在建站过程中,我们会遇到很多要求,也有很多时候创意的需要,网站的效果会比较复杂,为了保证网站的加载速度够快、网站的后期可维护性,我们总会想办法解决。

近期做的一个购物站,为了创意的需要,网页两边加了一些花纹……

如果加一个这么大的背景图,网站的加载速度势必会慢些……
用表格可以解决这个问题!但,如果用表格做外面框架,整个网页加载也是会有一点点慢的……(除非实在没办法才能这样)。那么,就只用来做背景吧!利用绝对定位,把表格定位到那个位置,表格的内容是空的,用CSS控制背景、大小、位置,而且表格与网站内容版块分开,可以分别加载,影响很小。

但却又产生了另外一个问题,有表格做背景的区域,链接都失效了。

这个是table的bug,如果是这样,肯定不行。于是我们又想到了办法,解决了。按照定位的层叠循序,表格在下,网站内容在上,网站内容所在的容器要加上position:relative;属性,表格做背景,链接失效这个问题就解决了。