Rumah > hujung hadapan web > html tutorial > 图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose

图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:24:53
asal
2597 orang telah melayarinya

css div 图片 浏览器

如图:

底部的图片"蜘蛛侠3",始终紧靠浏览器底部,无论浏览器的大小尺寸是多少.
仅用DIV+CSS能实现吗?
求教高手!

回复讨论(解决方案)

直接使用div让图片据底部显示就行了

position:fixed;
bottom:0px;
试试

margin-bottom:-10px;

图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose

<img  src="蜘蛛侠3.jpg" class="pic" / alt="图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose" >.pic{    position:fixed;    bottom:0px;    left:0px;}
Salin selepas log masuk
Salin selepas log masuk

<img  src="蜘蛛侠3.jpg" class="pic" / alt="图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose" >.pic{    position:fixed;    bottom:0px;    left:0px;}
Salin selepas log masuk
Salin selepas log masuk

正解

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan