ie6,7下相邻div叠加层级关系问题

在解决一个看似很简单的效果的时候,我想尽量用简单的代码做,效果如图:

带有小箭头的文本框
带有小箭头的文本框

我这里实际上只用了一个”<“这样的小图,这个小图则是放在一个左浮动的div,当然这个图是div通过背景图显示出来的,而右边则是一个border为1的div,那么我需要小图向右移动一个px,来遮住这个div的边框.或者带有边框的div向左边距为小图div宽度减去1px.如果大家看不懂我描述的,可以自己想想,,那么本身这个效果应该不难,但是我发现IE6,7的兼容性问题,导致不好弄了.首先z-index似乎在这里是无效的.那么我多次测试做了个样本大家可参考一下(由于加载速度较慢请打开查看: )

继续阅读“ie6,7下相邻div叠加层级关系问题”

父级带有浮动的多行文字垂直居中

这几天在公司做专题,熟悉公司的一些工作内容,遇到了个问题,如图:

高亮为需要做的效果部分
高亮为需要做的效果部分

这里面有四个小方框,其中两个是图,两外两个蓝色背景的则是由不同行数的文字垂直居中,那么怎么做呢?今天可是想了很久,,,查了很多资料,现在也整理不出来,我这个东拼西凑的测试代码是哪里弄来的,反正估计网上是找不到的了…

这个东西暂且叫做”关于多个父级带有浮动的DIV层内文字垂直居中”问题吧.

如果多个块级元素分别包含不同内容,而内容在里面需要水平居中,最重要的是这几个块级元素还要是能够在一行显示,怎么办?

继续阅读“父级带有浮动的多行文字垂直居中”