前辈怎么使用CSS将一个视频设置成背景

html-css021

前辈怎么使用CSS将一个视频设置成背景,第1张

视频不是设置成背景的，是放在一个div里面，然后其他要覆盖在视频上的东西，比如链接按钮之类的，用css定位属性叠到装视频的div里面。百度：网易、腾讯的各类射击游戏网站，几何都有你说的这个视频效果，查看其源文件

1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。

2、新建文件完成之后，写入一个div代码操作，如图所示。

3、写入div代码之后，引入一个css样式，如图代码操作所示。

4、引入样式代码之后，打开引入的css.文件，如图所示。

5、在新引入的css文件中，写入css背景图片代码即可，如图所示。

0是背景图片的位置，表示顶部对齐，到顶部距离为0，center表示居中css中背景样式分别如下：background-color：#999999；//元素的背景色background-image : url("path/bgFile.gif")//设置背景图像background-repeat : repeat-x|repeat-y|repeat|no-repeat//设置重复方式background-attachment : fixed|scroll//设置背景图片的固定方式background-position : X轴坐标,Y轴坐标[top,bottom,center,left,right,20px,10%]//设置背景的左上角位置,坐标可以是以百分比或固定单位background 可以用这个属性把前面几个综合起来进行简写,background各个值的次序依次如下：background-color|background-image |background-repeat|background-attachment|background-position例如:.bg01{background-color:#FFCC66background-image:url("path/bgFile.gif")background-repeat:no-repeatbackground-attachment:fixedbackground-position:lefttop}上面可以简写为:.bg01{background:#FFCC66 url("path/bgFile.gif") no-repeat fixed left top}