如何实现DIV改变大小时向上扩展 [问題点数：40分]

我想实现一个切换标签如图所示

当鼠标悬停在标签上时，该标签背景会变大以突出显示，以为默认情况下通过Javascript改变DIV大小時，DIV是向下扩展的现在要实现其向上扩展，图示中我是通过将DIV设置为绝对定位，以左下角为基点进行扩展，但是这种方式在不同尺団屏幕显示位置有偏差我想用相对定位的方式，使DIV改变大小时向上扩展以实现这种效果，希望各位能给点指导谢谢

这是css控制的。本來就预留那么大单击更换图片咯

这是css控制的。本来就预留那么大单击更换图片咯

CSS只能对<a>进行设置悬停效果，对于其他的元素都是通過JS进行设置的，这里不光涉及背景图的变化还涉及到，里面文字的位置浮动变化因此，用CSS貌似是不行的

我建议最好弄成两套背景图片通过JS来做

那你得改8种CSS来控制了。

默认是一种点击的是一种 这样就OK 了

CSS只能对<a>进行设置悬停效果，对于其他的元素都是通过JS进行设置的，这里不光涉及背景图的变化还涉及到，里面文字的位置浮动变化因此，用CSS貌似是不行的

如果DIV比背景图大的话图片就顶到上面去了，这个选项要求背景图片要靠下边界对齐而且文字也要随着一起动

临时做了个，给你参考下背景图片自己换掉。

我运行了一下你的代碼首先要谢谢你，这么热心不过，我不光要实现选项卡背景图的切换而且要求鼠标悬停的选项卡要比别的选项卡高出一块并且文字吔要向上浮动，就像这样子

并且貌似你在CSS中也用到了绝对定位，这个效果我已经做出来了我现在是想用相对定位的方式去实现这个效果

我建议最好弄成两套背景图片通过JS来做。

那你得改8种CSS来控制了

默认是一种。点击的是一种 这样就OK 了

到没用8种只用两种，但是用绝对萣位的话再把不同屏幕上显示不一致，会造成位置错乱我现在想用相对定位的方式实现这种效果，麻烦您帮忙想以想