Tôi đang làm việc trên email HTML đáp ứng và tôi đang gặp sự cố hiển thị trong Gmail CHỈ trong IE (chỉ cần có!) Nó hoạt động tốt trong 27 biến thể khách hàng khác. chúng ta cần phải hỗ trợkiểu đường viền nội dòng trong một Email HTML
tôi đã thiết lập một fiddle đây: http://jsfiddle.net/39gzj/
Bây giờ nếu bạn nhìn vào mã này, bạn sẽ thấy rằng có một biên giới đó là màu xám, sau đó chứa một biên giới mà là màu trắng . Đối với một số lý do kỳ lạ, Gmail trong Explorer, sẽ không hiển thị đường viền này chút nào, lưu cho đường viền ở dưới cùng của phần đăng ký ở dưới cùng. Tôi nghĩ rằng nó là một cái gì đó để làm với cách mà tôi đã mã hóa biên giới (tôi sẽ tắt một số mã elses, tôi đã chỉ thực hiện một số thay đổi nhỏ này) như biên giới đã được thực hiện như sau:
border-left-style:solid;border-left-width:1px;border-left-color:#fff;
vì vậy, tôi đã thay đổi cách mà biên giới hai màu xám và trắng được khai báo như sau:
border-left-style: 1px solid #fff;
Nhưng điều này làm cho không có sự khác biệt nào. Điều này làm tôi phát điên vì vậy hãy giúp đỡ nếu bạn có thể. Tôi nghĩ rằng nó có thể là một cái gì đó để làm với chiều rộng? Nhưng có chơi xung quanh với điều này nó chỉ phá vỡ vấn đề trong tất cả các khách hàng khác. Bất kỳ sự trợ giúp nào cũng sẽ được đánh giá cao vì tôi có thể sớm đập đầu vào màn hình máy tính của tôi.
Đánh giá cao rằng mã này chứa kiểu nội tuyến điên rồ nhưng tất nhiên đây là bản chất của email HTML.
CẬP NHẬT: Xóa đường viền trong màu trắng nằm trên các phần tử <td>
làm cho đường viền màu xám. Đây có phải là một cái gì đó để làm với tôi thiết lập chiều rộng không chính xác?
CẬP NHẬT 2: Đó là IE9 rằng điều này đang được hiển thị không chính xác. VÀ CHỈ dành cho Gmail.
bạn có thể thử như thế này 'biên giới-left: #fff rắn 1px; ' –
Nó sẽ không thể chỉ' border-left' thay vì 'border-left-style'? Kiểu này đề cập đến kiểu dòng, trong trường hợp của bạn là 'solid' –
Xin cảm ơn các bạn, hãy chạy thử với điều này và cho nó một bài kiểm tra thông qua Litmus. – zik