当前位置:网络笔记-营销软件破解基地 → 网络资讯 → 网页设计
日期:2009-07-02 17:27:05  来源:本站整理

兼容各浏览器的图片垂直水平居中效果 (1)

Andy

3、设置承载图片的对象的“position:relative;”,设置图片的“position:absolute;”,先将图片的上边距下移50%高度,在向上移动一半高度的50%(如果对象的高度为100px,则先将图片移动到距离上边50px的位置,再向上移动25px,最终图片距离顶边的距离是25px)。

优点:只需要设置CSS就可以,比较简单。缺点:各浏览器的兼容性比较差,而且,有时如果图片的大小不确定时还会出现一想不到的问题。

解决任何问题从来都不是只有一种方法,要学会从中选取最有效、最简便的方法才是最好的选择。随着Web2.0时代的到来、随着XHTML+CSS越来越深入人心、企业对人才的需求,我建议广大网页设计们能够更多的掌握JavaScript技术,这样才能设计出更好的作品。

上一页  [1] [2] [3] 

  • 上一页  [1] [2] [3] 

  • Tags:

    作者:佚名

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接- 网站地图

    Copyright 网络笔记 © 2009-2010 www.WLBIJI.cn . All Rights Reserved.
    我们还在努力  页面执行时间:7,109.37500 毫秒      粤ICP备09052723号
    用我们的软件产品将使您的推广更轻松,同时使您的推广成本降到最低! 站长QQ: 274191541