HTML – 无法将图像放在图像上

概述编辑：解决方案必须有显示：内联块; 我正在尝试将iframe放在图像上.但是,无论我将边距权限设置为什么,它都会保持在同一位置.约为背景图像的1/5. HTML <div class="backgroundimage"> <img src="http://truespeed.ca/wp-content/uploads/2016/06/tvscreen.png" alt="null" /> 编辑：解决方案必须有显示：内联块;

我正在尝试将iframe放在图像上.但是,无论我将边距权限设置为什么,它都会保持在同一位置.约为背景图像的1/5.

HTML

<div >  <img src="http://truespeed.ca/wp-content/uploads/2016/06/tvscreen.png" alt="null" />  <iframe  wIDth="479" height="269" src="https://www.youtube.com/embed/6ydYvG52K-E" frameborder="0" allowfullscreen></iframe></div>

CSS

.backgroundimage {  display: inline-block;  position: relative;  top: 70px;  bottom: 46px;}.Youtube {  position: absolute;  left: 280px;  bottom: 46px;  right: 380px;}

还有我的问题图片：

解决方法 只需在.Youtube规则中将左侧更改为较小的值(左侧是父元素的左侧).从大约10px开始,通过尝试找到理想的位置.

附加：你还必须删除右边：380px;来自你的.youtube规则 – 它会覆盖左边的规则(因为它跟在它下面(“级联”)).

总结

以上是内存溢出为你收集整理的HTML – 无法将图像放在图像上全部内容，希望文章能够帮你解决HTML – 无法将图像放在图像上所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。