AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

h5 video以及img控件加上border显示不全的解决方案！

2023-06-05 293
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： h5 video以及img控件加上border显示不全的解决方案！

1.对于video控件，需要在css样式上加上背景颜色即可！

#video{

width:100%;

height:400px;

object-fit:fill;

border: 1px black solid;

vertical-align: middle;

}

即添加 background-color: #FFFFFF;


2.对于img，的样式显示不全，可能是因为img的父元素设置了overflow:hidden;去掉即可.


文章标签：
前端开发
移动开发
宋wz
目录
相关文章
码农技术君
|
前端开发
CSS：实现background-image背景图片全屏铺满自适应
CSS：实现background-image背景图片全屏铺满自适应
码农技术君
2290 0
爱你三千遍斯塔克
|
5月前
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
移动端的打开方式,打开F12之后，就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box； 定宽度为多少就是多少，代码库,移动端
爱你三千遍斯塔克
85 0
G佳伟
|
6月前
img图片/svg图标与文字无法对齐
img图片/svg图标与文字无法对齐
G佳伟
78 0
是Yu欸
|
7月前
|
UED 开发者 容器
【CSDN创作优化2】内嵌图片 `＜img＞` 标签`height`和`width`属性
【CSDN创作优化2】内嵌图片 `＜img＞` 标签`height`和`width`属性
是Yu欸
53 2
你挚爱的强哥
|
7月前
el-carousel和el-image组合实现swiper左右滑动图片，点击某张图片放大预览的效果
el-carousel和el-image组合实现swiper左右滑动图片，点击某张图片放大预览的效果
你挚爱的强哥
517 0
兜里只有三分钱~
img随着div高度上下居中
img随着div高度上下居中
兜里只有三分钱~
50 0
东小小川
|
前端开发
【CSS】background-image背景图片全屏铺满自适应
【CSS】background-image背景图片全屏铺满自适应
东小小川
166 0
长沙红胖子Qt
关于 QWidget无法使用stylesheet设置自身backgound-color（背景色）和border-image（背景图片） 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color（背景色）和border-image（背景图片） 的解决方法
长沙红胖子Qt
415 0
关于 QWidget无法使用stylesheet设置自身backgound-color（背景色）和border-image（背景图片） 的解决方法
yechaoa
|
前端开发
css background-image 背景图片自适应宽高
css background-image 背景图片自适应宽高
yechaoa
1285 0
玩数不恭
|
Web App开发 前端开发 Android开发
CSS-背景图片位置 | background-position
玩数不恭
2196 0