css实现body背景图片水平垂直居中方法

 <style type="text/css">

*{margin:0; padding:0;}
html,body{ width:100%; height:100%;}
body{ background:#fff url(/eg/eg_2014_01_02_14_50.jpg) center no-repeat;}
</style>
 
<div class="wrap">
<h2>让body标签中的背景图片水平垂直居中</h2>
    <div class="eg">
      
        <h3>让<body/>标签的背景图片水平垂直居中</h3>
        <p>注:设置html,body{ width:100%; height:100%;}</p>
    </div>
</div>
</td>
 </tr>
</table>

时间: 2024-12-02 13:27:25

css实现body背景图片水平垂直居中方法的相关文章

css 图片水平垂直居中实例小结

图片水平垂直居中是老梗,大部分人都做过,或者被面试时问过.但是下面这种0.873方法我是刚知道~~ mark一下.font-size:105 = 120*0.873 提供方法人: shenshenyan span{display:table-cell;text-align:center; vertical-align:middle;*display:block;*font-family:aiarl;width:120px;height:120px;*font-size:105px;} span

网页制作技巧:清除浮动和图片水平垂直居中

文章简介:网页制作技巧:清除浮动和图片水平垂直居中. 1.如何清除浮动 方法1: #test{clear:both;} #test为浮动元素的下一个兄弟元素 方法2: #test{display:block;zoom:1;overflow:hidden;} #test为浮动元素的父元素.zoom:1也可以替换为固定的width或height 方法3: #test{zoom:1;} #test:after{display:block;clear:both;visibility:hidden;hei

jQuery动态背景图片效果实现方法_jquery

本文实例讲述了jQuery动态背景图片效果实现方法.分享给大家供大家参考.具体如下: 这里把背景图片按照1.jpg - 20.jpg放到目录里,jQuery会随机调用这些图片作为背景 $(document).ready(function(){ bgImageTotal=20; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=('/my/image/path/'+randomNumber+'.jpg'); $

Excel 2013中为数据区域添加背景图片的的方法

  Excel 2013中为数据区域添加背景图片的的方法           1.启动Excel 2013并打开工作表,在"页面布局"选项卡的"页眉设置"组中单击"背景"按钮,如图1所示. 图1 单击"背景"按钮 2.打开"插入图片"窗口,单击"来自文件"按钮,如图2所示.此时将打开"工作表背景"对话框,选择作为背景的图片后单击"插入"按钮将其插入

css怎么设置背景图片自适应,背景不虚

问题描述 css怎么设置背景图片自适应,背景不虚 css怎么设置背景图片自适应,背景不虚,css怎么设置背景图片自适应,背景不虚css怎么设置背景图片自适应,背景不虚 解决方案 用HTML5的background-size:http://www.w3school.com.cn/cssref/pr_background-size.asp 或者用jquery.supersized 这个插件:http://buildinternet.com/project/supersized/ 解决方案二: css

css实现未知尺寸元素水平垂直居中的方法

1.table表格 <table><tbody> <tr> <td>水平垂直居中的随意内容</td> <td>水平垂直居中的随意内容</td>-类似这样的, 垂直居中对其来说,也是非常简单的事.table cells 的 vertical-align:middle 就可以直接解决.所以实现起也来只要这样一行代码: td{ vertical-align:middle; } 2.display:table-cell实现  代码

css设置body背景图片随内容增加多少

 在CSS布局时,可能有时会遇到对body直接设置图片作为网页背景水平纵向平铺(从上到下居中平铺),此时整个网页无论内容是否占满一屏幕,css背景都会从上到下铺(纵向)满整个屏幕.但有时我们不需要这样的一个效果,需要内容占用多高,body背景就纵向从上到下铺满多少高度.很明显这样就达不到我们想要的效果. 解决方法:对html再设置个背景(无论图片还是纯色,推荐设置纯颜色的背景颜色) 接下来DIVCSS5通过实例为大家介绍此技巧,首先DIVCSS5分为两个案例,一个是直接对body设置背景图片从上

校内网css代码添加背景图片常用代码_经验交流

序号 中文说明 标记语法 备注 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:fixed|scroll} 5 背景定位 {background-position:数值|top|bottom|left|rig

firefox和谷歌不显示body背景图片的解决方法

样式如下只有IE可以显示背景图片,火狐和谷歌等浏览器都显示不了,解决方法如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助     复制代码 代码如下: body { background:#F5F5F5 url(../images/a_55.jpg) no-repeat bottom left; margin:0; padding:0; font-family:"微软雅黑", "宋体", Arial, Verdana, sans-serif; font-size: