2010-07-06 24 views
6

Có ai biết tại sao IE6 và IE7 thêm viền trắng giữa biên giới button và nền không?NÚT viền trắng IE7

Đây là CSS và HTML của tôi:

#reportButton{ 
    background:#fefcda url(buttonback.png) repeat-x bottom left; 
    border-top:2px solid #fffff8; 
    border-right:2px solid #e3b40c; 
    border-bottom:2px solid #e3b40c; 
    border-left:2px solid #fffff8; 
    color: #373535; 
    font-weight: bold; 
    margin:0 2%; 
    width:45%; 
} 

<button id="reportButton">Report a Concern</button> 

Nếu bạn cố gắng này, bạn sẽ thấy một đường viền màu trắng hài hước giữa biên giới và nền. Điều này không xuất hiện trong bất kỳ trình duyệt nào khác, thậm chí không có IE8.

Bất kỳ ai có sửa chữa hoặc đề xuất đơn giản về những gì tôi đang làm sai?

Cảm ơn!

CHỈNH SỬA: Tôi vừa nhận thấy rằng khi tôi nhấp vào nút, các con kiến ​​hành quân xuất hiện và đường viền màu trắng biến mất. Có vẻ như khi nút là :active chúng biến mất, mặc dù điều này không giúp tôi nhiều về mặt giải quyết vấn đề, có thể nó sẽ dành cho người khác.

Ngoài ra, xin lỗi tôi không thể cung cấp màn hình; Tôi không có nơi nào để tải nó ngay bây giờ qua kết nối internet này.

EDIT2: Nó thực sự xuất hiện rằng đường viền không phải là màu trắng nhưng là background-color của nút. Nó xuất hiện IE là để lại một khoảng cách 1px giữa biên giới nút và hình nền nút.

+0

Bạn đang sử dụng reset.css? Đoán rằng có lẽ sẽ sửa lỗi này nhưng không thể kiểm tra ngay bây giờ. – heisenberg

+0

@kekekela: Tôi sẽ cố gắng ngay bây giờ. EDIT: Điều đó đã không làm việc ... – tau

+0

Ah, xin lỗi nụ. =/Tôi sẽ xem xét nó khi tôi về nhà tối nay nếu bạn không tìm ra nó lúc đó. – heisenberg

Trả lời

1

Hãy chắc chắn rằng biên giới mà không đến từ hình ảnh riêng của mình (nền của hình ảnh), thiết lập chính xác widthheight, cũng cố gắng thiết lập các padding để 0 như @SLaks nói.

+0

Tôi chỉ thử tất cả những thứ đó (và các kết hợp khác nhau) và không ai trong số họ đã loại bỏ nó. – tau

4

Tôi có cùng một vấn đề ... lừa gọn gàng dường như hoạt động ít nhất đối với IE: Đường viền "trắng" thực sự là màu nền của hình ảnh của bạn. Vì vậy, thiết lập này là giống như màu biên giới của bạn. Nếu bạn không bận tâm đến một đường viền hơi dày, hãy dừng lại ở đó. Nếu đường viền quá dày, hãy đặt màu đường viền của bạn thành màu nền của trang.

ví dụ: để hiển thị "đường viền" màu đen, hãy sử dụng css này cho nút của bạn: nền: url (./ button_bg.gif) no-repeat; màu nền: # 000000; đường viền: 1px #FFFFFF rắn;

+0

Ban đầu không hỏi câu hỏi này nhưng giải pháp này có hiệu quả đối với tôi. biên giới là dành cho. – catandmouse

Các vấn đề liên quan