大佬教程收集整理的这篇文章主要介绍了HTML – 如何使用CSS在div中移动图像?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的代码:
#OverviewText4 img:MoneyIcon.png { width: 150px; height: 150px; position: absolute; top: 50px; left: 50px; }
<div id="OverviewText4"> <img src="MoneyIcon.png" /> </div>
谢谢你的帮助
#OverviewText4 { position: relative; } #OverviewText4:before { content: ""; background: transparent url(MoneyIcon.png) scroll no-repeat 0 0; background-size: cover; width: 150px; height: 150px; position: absolute; display: block; top: 50px; left: 50px; }
https://jsfiddle.net/zk8su1qw/
这样你甚至不需要在HTML中使用img标签,如果它只是表示的话,这是可取的.
在此答案中还假设您希望图像显示在OverviewText4 div中任何内容的顶部,而不是让内容在图像周围流动.如果不是这种情况,您可能希望使用边距并保持图像位置:静态或相对.
以上是大佬教程为你收集整理的HTML – 如何使用CSS在div中移动图像?全部内容,希望文章能够帮你解决HTML – 如何使用CSS在div中移动图像?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。