IE10: 'khả năng hiển thị: hiển thị' trên trước phần tử giả của phần tử 'hiển thị: ẩn'

Question

Tôi đã thực hiện DIV với visibility: hidden và đính kèm một yếu tố giả ::before giả của DIV này với visibility: visible. Điều này hoạt động như mong đợi trong Firefox, Chrome và Safari, nhưng trong Internet Explorer 10 phần tử giả không hiển thị.

Vui lòng giải thích nếu tôi hoàn thành sai sót này hoặc đây có phải là sự cố với Internet Explorer hay không. Có bất kỳ công việc nào xung quanh (chúng tôi chỉ có quyền truy cập vào CSS chứ không phải HTML nguồn) không?

JSFiddle demonstrating issue.

Answer 1

Bộ lọc không hoạt động trên các phần tử giả trong IE.
đọc: msdn

Other specified styling properties apply to the appearance of the inserted content, not to the element's content. 

IE sucks, đối phó với nó.
Tôi nghĩ cách duy nhất là thay đổi màu "văn bản ẩn" thành màu nền của bạn, và bạn biết phần còn lại ...