方法一: img{ position:absolute; /*固定位置*/ z-index:1; /*层级*/ }
将img的position设置为absolute,可以让图片固定在该元素所在的位置。通过设置z-index属性,可以调整图片的层级,使其处于最上方。
方法二: img{ position:relative; /*相对位置*/ top:-100px; /*向上移动*/ }
将img的position设置为relative,可以让图片相对于原始位置进行移动,top属性表示相对上一层区块的偏移量,通过调整top的值,可以将图片向上移动,实现置顶的效果。
方法三: img{ display:block; /*块级元素*/ margin:-10px auto 0; /*外边距*/ }
将img设置为块级元素,可以让其可以设置外边距,通过调整外边距的值,可以使图片向上移动,实现置顶的效果。
以上三种方法都可以实现将图片置顶的效果,具体使用哪种方法,可以根据实际场景来进行选择。