iLeichun

当前位置: 首页 > 个人日志

如何解决DIV+CSS设置网页背景图片/位置/层次/背景不显示

分类:个人日志   来源:原创   时间:2010-09-13 19:49:54

    对有些人来说,在网页上利用DIV+CSS来定位背景图片是一件难事,学会如何用DIV+CSS正确设置背景图片/位置/层次才能在日后的网页设计中少走弯路,希望本文能帮助你。

    1、位置/层次

    网页背景图片的位置可以是相对位置,也可以是绝对位置:

    相对位置是以其他html标签为基础的,可以使用margin进行相应的设置;

    绝对位置时要设置div的position属性为absolute,然后再通过left、top等确定位置。如果要控制背景的层次时一般使用绝对位置,并通过z-index对背景进行层次排列,z-index越大表示越在上层。

    2、背景不显示

    当给div设置背景图片时,没看到背景效果,有以下的可能原因:

    a、背景图片路径错误或背景图片不存在或背景图片已损坏而不能正常加载;

    b、没有设置div的宽高,当div中没有任何内容时,它的高度是0,那么自然就看不到背景图片了,你可以通过设置宽高来确定是否是这个原因导致的。

更多