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

Hello
:smile: 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.

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

2 Likes

:smile: 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 :beers:

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 :smile:

2 Likes

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

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?