01/10/2018, 14:12

Cusor pointer hiển thị không đúng vị trí khi hover vào ảnh (image link)

Hello
Mình tạo 1 liên kết về trang chủ bằng 1 hình ảnh như sau
html

<a href="./"><img src="./img/profile-image.jpg"/></a>

cỡ của các ảnh như hình dưới, sau đó mình border-radius lại cho nó tròn tròn đẹp hơn, thì khi hover vào vùng ảnh thật (chưa border-radius) nó vẫn hiển thị cusor dạng pointer, mìn muốn khi thực sự hover vào hình ảnh tròn tròn thì mới hiển thị pointer thì làm ntn nhỉ

Thank you.

Đào An viết 16:21 ngày 01/10/2018
CodePen

LeXbvp

...

Tạo 1 wrap div hình tròn rồi dùng overflow để ẩn phần ảnh thừa là đc

HelloWorld viết 16:24 ngày 01/10/2018

mình mới học sang mảng web, đang tự viết 1 blog nhỏ nhỏ không dùng fw, nên hỏi hơi nhiều cái lặt vặt, tks bạn đã trả lời

Đào An viết 16:14 ngày 01/10/2018

Lâu lâu ms có cái mình trả lời đc =)) phải vào reply ngay ko có hết suất

HelloWorld viết 16:27 ngày 01/10/2018

có cách nào mà không cần dùng thêm 1 class bên ngoài không nhỉ, vì nãy mình có làm border radius cho ảnh bình thường (k có overfflow cho div chưa nó và radius cái div này) vẫn được, nhưng sau khi thêm display flex box vào thì cusor mới bị thế khi hover thì phải

Bài liên quan
0