รูปภาพติดด้านล่างเว็บไซต์ตลอด ทำยังไง

รูปภาพติดด้านล่างเว็บไซต์ตลอด ทำยังไง บทความนี้สอนใช้คำสั่ง position fixed ของ CSS เพื่อกำหนดให้แท็ก img ของ HTML ติดด้านล่างของเว็บไซต์ตลอด เลื่อนตามการ scroll ของผู้ใช้งาน สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง รูปภาพติดด้านล่างเว็บไซต์ตลอด ทำยังไง

<style>
    .image_footer {
        position: fixed;
        bottom: 0;
        right: 0;
        padding: 5px;
    }
</style>

<img src="https://www.devdit.com/favicon-16x16.png" class="image_footer">

รูปภาพติดด้านล่างเว็บไซต์ตลอด จากตัวอย่างใช้คำสั่ง position: fixed เพื่อกำหนดให้รูปภาพแสดงในตำแหน่งที่แน่นอน พร้อมกำหนด bottom: 0px และ right: 0px เพื่อแสดงด้านล่างชิดขอบขวาของหน้าจอ