HTML CSS 梦幻仙境图片显示在视频上方

实例：制作视频界面

效果：

HTML　CSS　代码实现：

<html><head><title>文字段落</title>
<style type="text/css">.father{width:600px;height:450px;}.css1 {width:10px;height:10px;position:absolute;left:570px;top:140px;z-index:3}.css2 {font-size:14px;color: #ffffff;position: absolute;left: 575px;top: 170px;z-index: 3}.css3 {width: 10px;height: 10px;position: absolute;left: 570px;top: 187px;z-index: 3}.css4 {font-size: 14px;color: #ffffff;position: absolute;left: 575px;top: 215px;z-index: 3}.css5 {width: 10px;height: 10px;position: absolute;left: 570px;top: 235px;z-index: 3}.css6 {font-size: 14px;color: #ffffff;position: absolute;left: 575px;top: 265px;z-index: 3}.css7 {width: 10px;height: 10px;position: absolute;left: 570px;top: 285px;z-index: 3}.css8 {font-size: 14px;color: #ffffff;position: absolute;left: 575px;top: 315px;z-index: 3}
</style></head><body><div class="father"><video controls="controls" width="600" height="450"><source src="media/xianjing.webm" /></video><div class="css1"><img src="data:images/1.png" width="30" height="30" /> </div><div class="css2">分享</div><div class="css3"><img src="data:images/2.png" width="30" height="30" /></div><div class="css4">画质</div><div class="css5"><img src="data:images/3.png" width="30" height="30" /></div><div class="css6">锁屏</div><div class="css7"><img src="data:images/4.png" width="30" height="30" /></div><div class="css8">赞赏</div></div>
</body>
</html>

(视频传不上去

HTML CSS 梦幻仙境图片显示在视频上方相关推荐

CSS让一个图片显示在另一个图片上面
CSS让一个图片显示在另一个图片上面思路,在两个图片的父元素上设置 position:relative , 然后给小图片设置 position:absolute ,位置通过top,bottom,le ...
JavaScript和CSS实现详情图片显示大图特效
<!doctype html> <html> <head><title>JavaScript和CSS实现详情图片显示大图特效</title> ...
粤嵌Gec6818---小项目功能实现（RFID+图片显示+音乐+视频）
项目设计开发环境: (1)VMware Workstation Pro软件 (2)ubuntu12 .04 (能交叉编译就行) (3)SecureCRT (4)代码编译器(notepad++/Visu ...
css3 图片圆形显示如何CSS将正方形图片显示为圆形图片布局
正方形图片使用CSS如何实现成圆形布局,不使用PS软件处理,直接使用DIV CSS布局如何实现图片圆形化. 正方形图片实现圆形布局一.图片实现圆形条件 - TOP 原本不是圆形图片,通过CS ...
css让背景图片显示透明遮罩_CSS项目测试（支持深色模式）
*事先声明:本文章教程教学.文章封面来源自[CSS]聚光灯项目 by CodingStartup起码课,且已经CodingStartup起码课授权允许转载! 为了保持原有风格,本文始终保持与@Codi ...
css的背景图片不显示,wepback打包时，css的背景图片显示不出来，求教！
如题.项目环境使用 webpack 构建的,webpack 这块配置的相关代码是 module: { loaders: [ { test: /\.(js|jsx)$/, exclude: /node_ ...
css 设置背景图一半_css怎么背景图片显示不全？
css设置背景图片显示不全是因为背景图片过大导致的,我们可以通过设置div大小大于背景图片或使用background-size属性设置背景图片小于div大小使背景图片显示完全. 其中导致背景图片显示不 ...
html右侧插入图片,html图片显示 html 插入图片
如何�?a href="//www.css5.com.cn/html/">HTML插入图片,让HTML显示图片,html图片显示应该如何实现�?/p> 在html插入图 ...
html内容被背景图片遮住怎么办_css背景图片显示不完怎么解决？
css背景图片显示不完是什么原因?怎么解决?下面本篇文章就来给大家介绍一下css背景图片显示不完的解决方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css设置背景图片显示不全 ...

HTML CSS 梦幻仙境图片显示在视频上方

实例：制作视频界面

效果：

HTML　CSS　代码实现：

HTML CSS 梦幻仙境图片显示在视频上方相关推荐

最新文章

热门文章

HTML CSS 梦幻仙境 图片显示在视频上方

实例：制作视频界面

效果：

HTML CSS 代码实现：

HTML CSS 梦幻仙境 图片显示在视频上方相关推荐

最新文章

热门文章

HTML CSS 梦幻仙境图片显示在视频上方

HTML　CSS　代码实现：

HTML CSS 梦幻仙境图片显示在视频上方相关推荐