โดยปกติแล้ว เวลาที่เราเอาเมาส์ไปชี้ที่ลิ้งก์ ตัวพ้อยเตอร์มันก็จะเปลี่ยนเป็นรูปมือ ให้เราทราบว่าคลิกได้นะ
และก็จะมีบางครั้งที่เราอยากให้เมื่อเอาเมาส์ไปชี้ที่ภาพ แล้วเป็นรูปมือ แต่ไม่สามารถจะเอาลิ้งก์ไปคร่อมภาพได้ ด้วยเหตุจำเป็นอะไรก็แล้วแต่
เราสามารถแก้ความกระหายนี้ได้ด้วยการใช้ CSS เข้าช่วย
<img src="pic1.jpg" style="cursor:hand;cursor: pointer;" /> |
cursor:hand |
ซัพพอร์ต IE
cursor:pointer |
ซัพพอร์ต Firefox
เพราะฉะนั้น เมื่อเราต้องการจะให้มันซัพพอร์ตทั้งคู่ ก็ใส่มันไปทั้งสองอย่างเลย เวลาไออีไปเจอ pointer มันไม่รู้จัก มันก็ไม่สนใจ มันจะเอา hand ไปใช้ เมื่อเปิดด้วยไฟฟ้อก มันไปเจอ hand มันไม่รู้จัก มันก็ไม่สนใจ มันจะเอา pointer ไปใช้
ปัญหาเบสิคที่เหล่าชาวทำเว็บด้วย css มักปวดหัว สองค่ายนี้เขาใช้คำสั่งบางตัวไม่เหมือนกัน หรือบางครั้งใช้เหมือนกันนั่นแหละ แต่แสดงผลต่างกัน hack กันวุ่นเลยครับ
Leave a Reply