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

简介: 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;去掉即可.


目录
相关文章
|
前端开发
CSS:实现background-image背景图片全屏铺满自适应
CSS:实现background-image背景图片全屏铺满自适应
2275 0
|
23小时前
Fireworks如何给图片添加阴影效果? fw给图片增加阴影效果的技巧
有时需要给图片添加阴影效果。那么,Fireworks软件中如何给图片添加阴影效果呢?
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
|
5月前
img图片/svg图标与文字无法对齐
img图片/svg图标与文字无法对齐
61 0
|
6月前
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
49 0
video标签优化:通过图片显示视频封面和播放icon
video标签优化:通过图片显示视频封面和播放icon
184 0
video标签优化:通过图片显示视频封面和播放icon
|
前端开发
【CSS】background-image背景图片全屏铺满自适应
【CSS】background-image背景图片全屏铺满自适应
150 0
CSS3 border-image 边框图片
CSS3 border-image 边框图片
70 0
VC中GDI+双缓冲实现Picture控件中显示png图片
VC中GDI+双缓冲实现Picture控件中显示png图片
226 0
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法