mdsk.net
当前位置:首页 >> JAvASCript实现背景图片居中 >>

JAvASCript实现背景图片居中

background-image: URL(你想确定背景的图片地址.jpg);background-position: center; //居中background-repeat: no-repeat; //不重复叠放background-attachment: fixed;//固定位置

背景图片不用CSS控制不了 要是插入的图片用table也可以居中<table width="900" height="500" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle"<img src="/Images/2.gif" width="800"

margin:0 auto;

要是背景图片居中,需要借助于css中的background属性,background 简写属性其定义及用法如下: background 简写属性在一个声明中设置所有的背景属性.可以设置如下属性: 1,background-color 规定要使用的背景颜色. 2,background-

把网页的主体部分设置一个固定的宽度(通常是990像素,比如淘宝和天猫都是),设一个背景色(通常是白色),然后居中显示,这样body背景图片的中间部分就会被白色覆盖了.

css中有一个background-position 属性设置背景图像的起始位置.他有以下可能的值:1,top left 左上角 2,top center 正上方3,top right 右上方4,center left 正左方5,center center 正中6,center right 正右方7,bottom left 左下方8,bottom center 正下方9,bottom right 右下方所以要是背景图居中显示,css里边加上下边这条属性:background-position:center center;

<html xmlns=" http://www.w3.org/1999/xhtml"> <head> <title>标题页</title> <SCRIPT LANGUAGE="JavaScript"> function initdiv() { imgwidth=100; //图像的宽度 imgheight=120; //图像的高度 if (navigator.appName == "Netscape") { //

同一个元素不能设置2个背景图片的,当然可以这样做,写一个盒子(div)固定宽高,添加背景图片,,然后在这个div里面再写一个div和外围的div等宽高,样式加一个position:absolute属性,绝对定位来使两个div重叠,然后给它设置背景图片(background:url(../1.jpg)no-repeat center)即可

body { font-family: 'Lato', Calibri, Arial, sans-serif; color: #fff; /*background: #47a3da;*/ background-image:url(images/123.jpg); background-repeat:no-repeat; background-size:cover; }

用CSS.<head></head>之间,或者在CSS文件中插入<style type="text/css">body { background:url(图片路径) center center;}</style>

网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com