我有一个位于div内的图像,我试图将它向下移动50 px并向下移动50 px以使一切都完整.但我不知道如何编辑CSS中的图像,因为我不知道将照片连接到css的代码.
我的代码:
#OverviewText4 img:MoneyIcon.png { width: 150px; height: 150px; position: absolute; top: 50px; left: 50px; }
<div id="OverviewText4"> <img src="MoneyIcon.png" /> </div>
谢谢你的帮助
@H_404_10@解决方法
根据众多答案,在CSS中有很多方法可以做到这一点.如果我可能会建议,因为您的示例中的图像名称与图标相关的方法略有不同:
#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中任何内容的顶部,而不是让内容在图像周围流动.如果不是这种情况,您可能希望使用边距并保持图像位置:静态或相对.
@H_404_10@ @H_404_10@ 原文链接:https://www.f2er.com/html/226533.html