Ở đây (vxf.vn) chữ kí của thành viên mờ, khi rê chuột vào mới hiện rõ lên, chỉnh ở đâu để được như vậy các bạn ?
Của các bạn đây : Mã: .message .signature:hover { opacity: 1; } .message .messageMeta { font-size: 11px; padding: 15px 5px 5px; margin: -5px; overflow: hidden; zoom: 1; opacity: 0.3; } P/S: Chú ý giá trị của opacity
Trời, pó tay - Phân tích 1 chút : 1) Gía trị của opacity càng nhỏ thì càng mờ 2) Đoạn code : Mã: .message .signature:hover { opacity: 1; } + hover tức là khi ta rê chuột vào. + Gía trị opacity: 0.3 sẽ nhạt hơn opacity: 1
uh đúng rùi, mình chỉnh nó xuống để mờ hơn, nhưng mà ý mình là bình thường là mờ, khi rê chuột vào thì nó sẽ rõ, nếu để 1 tức là 100% thì không có tác dụng gì. để nhỏ hơn là ngược lại mất rùi
Mình thêm vào message.css. Tuy nhiên chỉnh như ở dưới nhưng trước khi rê chuột vào nó vẫn không mờ Mã: .message .messageMeta { font-size: 11px; padding: 15px 5px 5px; margin: -5px; overflow: hidden; zoom: 1; opacity: 0.1; } Cái .message .signature:hover chỉnh opacity thì thấy có thay đổi
Chết cha mình nhằm .message .signature không phải .message .messageMeta , So gy mọi người Code trong message.css phải là như vậy Mã: .message .signature { font-size: 9pt; padding: 5px 0 0; margin-top: 5px; border-top: 1px dashed #d7edfc; opacity: 0.3; } .message .signature:hover { opacity: 1; }
gần xong, heheh, thank bác, ah có cách nào mà làm cho khung chữ ký biến mất không nhỉ, khi rê chuột vào thì nó mới hiện ra cái khung đó
Sửa cái này cho opacity = 0 Mã: .message .signature { font-size: 9pt; padding: 5px 0 0; margin-top: 5px; border-top: 1px dashed #d7edfc; opacity: 0; }