Khi tôi sử dụng hình ảnh SVG làm nền lát nền cho phần thân trang của tôi, có một khoảng cách nhỏ giữa các ô. Nếu tôi chuyển sang phiên bản PNG của tệp, nó sẽ không xảy ra.Gạch hình nền có khoảng cách giữa chúng khi sử dụng hình ảnh SVG. Cách giải quyết trong Chrome?
Tôi đang sử dụng phiên bản mới nhất của Google Chrome dành cho Mac - phiên bản 19.0.1084.56. Tôi chưa thử nghiệm Windows vì tôi không có nền tảng đó. Tệp hoạt động như mong đợi trong Safari và FF.
Sau một loạt tìm kiếm của Google và tìm kiếm ở đây trên SO, tôi chưa tìm thấy bất kỳ báo cáo tương tự nào. Có lẽ ai đó ở đây có một giải pháp.
Đây là mã thử nghiệm của tôi:
<!DOCTYPE html>
<html>
<head>
<title>SVG background test</title>
<style type="text/css">
body {
background-color: #FFF;
background-image: url(img/assets/background.svg);
background-repeat: repeat;
}
</style>
</head>
<body>
</body>
</html>
Có thể là lỗi tắt. – Palec
Điều này không giải quyết được vấn đề của tôi. Tôi có một tập tin svg với chiều rộng 100px và chiều cao 100px, nhưng vẫn còn một khoảng trống ở đây. Điều thú vị là, Firefox dường như không có vấn đề này. –
BẠN GENIUS! THANK YOU – paulslater19