Css 为什么图像不尊重位置是绝对的?

Css 为什么图像不尊重位置是绝对的?,css,Css,有人能解释一下为什么在下面的代码中,搜索图标不在输入栏的顶部,尽管它是绝对定位的吗 谢谢 它正在工作,但您还需要指定一个顶部位置: 位置:绝对位置可能会导致某些外观/可见性问题。您可以使用背景图像选项在输入右侧添加搜索图标 输入{ 背景:url(“https://cms-assets.tutsplus.com/uploads/users/523/posts/27345/preview_image/search-icon-large.png)无重复; 背景尺寸:自动32px; 背景位置:右中

有人能解释一下为什么在下面的代码中,搜索图标不在输入栏的顶部,尽管它是绝对定位的吗

谢谢


它正在工作,但您还需要指定一个
顶部
位置:


位置:绝对位置
可能会导致某些外观/可见性问题。您可以使用
背景图像
选项在输入右侧添加搜索图标

输入{
背景:url(“https://cms-assets.tutsplus.com/uploads/users/523/posts/27345/preview_image/search-icon-large.png)无重复;
背景尺寸:自动32px;
背景位置:右中;
高度:32px;
宽度:100%;
边框:1px实心#4B89DA
}

因为图像是位置:绝对的,所以它应该放在输入栏上,只要将
顶部:0
添加到它的样式中,它就会上升