2015-05-11 30 views
5

Đây là mã html cho biểu tượng bootstrap, Bootstrap v3.3.4Bootstrap glyphicons cặp không hiển thị trong trình duyệt IE

<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> 

mã html này đang làm việc tốt với tất cả các trình duyệt, tôi có thể nhìn thấy biểu tượng chiếc cặp đúng cách. Nhưng với cùng một mã sau khi phát triển trong MVC Platfrom tôi không thể nhìn thấy biểu tượng cặp trên IE và Safari (Windows). vấn đề này với vài biểu tượng khác cũng như content = "\e136", content = "\e142"

Phát triển Mã trong MVC:

enter image description here

Simple Mã HTML

enter image description here

+0

Bạn đã bao giờ tìm thấy giải pháp cho điều này chưa? Tôi nhận được cùng một vấn đề và câu trả lời bạn đã nhận được không phải là tất cả những gì hữu ích. Vấn đề đối với tôi xảy ra trong Microsoft Edge và Internet Explorer 11, nhưng không xảy ra trong Chrome hoặc Firefox. Nó dường như chỉ ảnh hưởng đến chiếc cặp glyph. Tôi cũng đang sử dụng MVC, mặc dù tôi đang sử dụng bootstrap v3.3.2 vì lý do nào đó (có thể thử cập nhật). – LordScree

+0

Edit: glyphicon-alert cũng thất bại trong cùng một cách, mặc dù glyphicon-warning-sign hoạt động tốt, vì vậy tôi có thể sẽ sử dụng thay vào đó ... vẫn không có câu trả lời ở đây ... – LordScree

Trả lời

0

Bạn cần phải bao gồm

< !--[if lt IE 9] > 
< script src="html5shiv.js"> 
< script src="respond.min.js"> 
< ![endif]-- > 

Hoặc

<link rel="stylesheet" media="screen" href="/css/glyphicons/glyphicons.min.css" > 

HOẶC

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
+0

Đã thêm .. làm việc với các trình duyệt khác vấn đề với nghĩa là chỉ – Vicky

+0

cảm ơn .. nhưng đã thêm thẻ meta này. các biểu tượng khác đang hoạt động đúng cách, vấn đề này với vài biểu tượng không phải là tất cả. – Vicky

1

Có lẽ bài này sẽ trả lời câu hỏi của bạn: here

thêm

<!--[if lt IE 9]> 
<script src="html5shiv.js"></script> 
<script src="respond.min.js"></script> 
<![endif]--> 

thể giải quyết vấn đề của bạn, bằng cách này, mà IE phiên bản bạn đang sử dụng?

EDIT: sau đó có thể là sự cố bảo mật của IE: here

+0

IE11, IE10, IE9 – Vicky

+0

cố gắng sửa đổi cài đặt bảo mật IE của bạn, thêm thông tin tại đây: [link] (http://stackoverflow.com/questions/25281286/bootstrap-3-2-0-glyphicons-are-not-displaying -in-internet-explorer) – lordyoum

+0

Trình duyệt IE của tôi "tải xuống phông chữ" bảo mật đã được bật. các biểu tượng khác đang hoạt động nhưng có vấn đề với một số biểu tượng như "cặp chữ cái glyphicons", nội dung = "\ e136", nội dung = "\ e142" hoặc – Vicky

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