Khi tôi chuyển một hình ảnh (<img>
) thành một siêu liên kết (bằng cách gói nó trong <a>
), Firefox sẽ thêm đường viền màu đen xung quanh hình ảnh. Safari không hiển thị cùng một đường viền. Tuyên bố CSS nào là tốt nhất để loại bỏ đường viền?cách xóa viền đen xung quanh hình ảnh được siêu liên kết?
16
A
Trả lời
30
img {
border: 0
}
Hoặc old-fashioned:
<img border="0" src="..." />
^^^^^^^^^^
3
9
Chỉ cần thêm:
border: 0;
hay:
a img {
border: 0;
}
để loại bỏ biên giới từ tất cả các hình ảnh liên kết.
Điều đó cần thực hiện thủ thuật.
6
trong đường viền sử dụng mã = 0. ví dụ như vậy:
<img href="mypic.gif" border="0" />
trong css
border : 0;
dưới bất cứ lớp hình ảnh của bạn.
1
Hãy thử điều này:
img {
border-style: none;
}
Các vấn đề liên quan
- 1. Xóa đường viền màu đen xung quanh một hình ảnh
- 2. cách xóa đường viền của hình ảnh siêu liên kết?
- 3. Cách xóa đường viền xung quanh hình ảnh trong css?
- 4. Xóa đường viền xung quanh hình ảnh sprite trong Chrome
- 5. Vẽ đường viền tròn xung quanh hình ảnh bằng Raphael
- 6. Làm cách nào để xóa đường viền xung quanh hình ảnh mà không có nguồn?
- 7. Làm cách nào để xóa đường viền xung quanh hình ảnh bị hỏng trong webkit?
- 8. (CSS?) Loại bỏ các dòng 'đã chọn' của trình duyệt xung quanh hình ảnh được siêu liên kết?
- 9. Làm cách nào để đặt đường viền xung quanh hình ảnh trong WPF?
- 10. Khoảng trắng xung quanh hình ảnh
- 11. Xóa khoảng trắng xung quanh khỏi hình ảnh
- 12. Đặt đường viền xung quanh các điểm
- 13. Xóa đường viền mỏng xung quanh đường đi bộ
- 14. Đường viền màu trắng xung quanh GroupBox
- 15. Đường viền màu xanh xung quanh bản đồ hình ảnh trong Internet Explorer 9
- 16. Photoshop - cách thêm đường viền màu trắng xung quanh hình ảnh mục tiêu của tôi
- 17. Cách quấn hình ảnh xung quanh hình trụ trong Silverlight
- 18. CSS: tạo ánh sáng trắng xung quanh hình ảnh
- 19. Cách chèn Hình ảnh vào Siêu liên kết trong GWT
- 20. Xóa đường viền quanh ô Matlab
- 21. Cách tạo dòng "SVG" với đường viền xung quanh nó?
- 22. Đặt đường viền xung quanh UIImageView
- 23. Đặt đường viền xung quanh StackPanel.
- 24. vấn đề đệm lạ xung quanh hình ảnh
- 25. Đường viền không mong muốn xung quanh khu vực bản đồ hình ảnh
- 26. Làm cách nào để xóa đường viền xung quanh hình ảnh xuất hiện sau khi nhấp vào hình ảnh trong Google Chrome?
- 27. hình ảnh được liên kết trong reStructuredText
- 28. cách đặt đường viền xung quanh android relativelayout?
- 29. Siêu liên kết HTML có hình ảnh và văn bản
- 30. Cách xóa đường viền, xuất hiện xung quanh thẻ, khi chúng ta nhấp vào đó?
Giải pháp này đã giúp tôi rất nhiều, ước gì tôi tìm thấy nó trước 2 giờ thất vọng! Nhưng tôi nghĩ sử dụng "img {border: 0;}" là giải pháp được trang bị tốt hơn cho vấn đề ban đầu - nhấn mạnh vào "a" ban đầu bởi vì sự cố chỉ xảy ra khi hình ảnh được bao bọc trong liên kết –