2012年1月19日

未知高度的图片垂直居中

摘要： 图片的宽度和高度是未知的，没有固定的尺寸，在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中。最近的在做的项目就有这个需求，所以先把一些常用的方法都收集整理了一下。下图是理想中的效果图，外部容器的宽度和高度固定，中间的图片宽度和高度未知，但是图片要始终要相对于外部的容器垂直居中。但是实际在浏览器中实现起来的效果并不是很完美，由于各浏览器的解析都各不相同，所以在各浏览器都会有1px-3px的偏差。方法一：该方法是将外部容器的显示模式设置成display:table，img标签外部再嵌套一个span标签，并设置span的显示模式为display:table-cell，这样就可以很方便的使用 阅读全文

posted @ 2012-01-19 15:58 Gachel 阅读(192) 评论(0) 推荐(0)

二级菜单被iframe遮住的处理方法

摘要： 我们经常看到二级选单被flash或者iframe挡住,此时设定再高的z-index也无效,解决方法:(1)通常使用iframe引用一个flash时是这样写的:<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/lZqrG1bdGtg" frameborder="0" allowfullscreen></iframe>为了不让它挡住二级 阅读全文

posted @ 2012-01-19 15:07 Gachel 阅读(1126) 评论(1) 推荐(1)

导航