<li><a href="#" ><img src="images/hospitality.png" title="" /></a>
Hình ảnh sự cố được hiển thị bên trong hộp hình chữ nhật màu xanh trong IE và Mozilla nhưng không có trong Chrome. Tôi có thể xóa hộp xanh đó khỏi IE?cách xóa đường viền của hình ảnh siêu liên kết?
Hoặc thêm nó inline tới phần tử img:
<li>
<a href="#">
<img style="border: 0;" src="images/hospitality.png" title="" />
</a>
</li>
Tại sao bạn nên khuyến khích ai đó viết một phong cách nội tuyến? – Rowan
@Rowan khi tạo email HTML? –
Bạn có thể đặt CSS này để loại bỏ các đường viền màu xanh trên tất cả các hình ảnh trong một liên kết:
a img {
border: 0;
}
Các "border = 0 "giải pháp hoạt động, nhưng nó không phải là rất dễ dàng để thực hiện vì nó đòi hỏi bổ sung của nó trong mỗi và mỗi hình ảnh liên kết bạn đưa vào dự án của bạn.
Các giải pháp tốt hơn là để bao gồm các thẻ sau đây trong vòng <head> ... </head> thẻ trang của bạn, có thể là trong một trang chủ để tất cả các trang bên trong sẽ cố hữu nó từ trang chủ
<style type="text/css">
<!--
img { border: none; }
-->
</style>
css bên ngoài
img {border : 0;}
img a {outline : none;}
css nội
<style type="text/css">
img { border: none; }
</style>
inline css
<img src="logo.png" style="border-style: none"/>
Để xóa đường viền này, bạn nên đặt đường viền là không.
a img
{
border:none;
}
Câu trả lời không bao gồm nội tuyến CSS là tốt hơn. Bạn nên chấp nhận nó. – icio