如何让图片显示在网页的最上层的中间 并随页面滚动

2025-04-25 百科 26阅读 投稿:寒风残

1. 如何让图片显示在网页的最上层的中间,并随页面滚动

假设图片代码如下<img src="url" id="test" alt="image" />

添加css样式(图片尺寸固定, 比如宽度200px, 高度100px)

#test{

position:fixed;

left:50%;

top:50%;

margin-left:-100px;/* 宽度一半*/

margin-top: -50px; /* 高度一半*/

}

注: 父级元素需要显式的设置position属性, 比如设置为relative

落了一个属性.. z-index:9999; /* 数字, 值越大越在上边*/

声明:沿途百知所有(内容)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系我们将尽快删除