2013-11-27 37 views
5

Trang web tại http://144.76.221.141:8000 đang hiển thị kiểu CSS chính xác trong Chrome và Safari nhưng không hiển thị trong Firefox hoặc Chrome. Tôi đã thấy rằng việc thêm một loại tài liệu là một sửa chữa phổ biến cho điều này, tuy nhiên điều này không giúp gì cả với vấn đề của tôi. Bất kỳ con trỏ nào đến giải pháp sẽ được đánh giá cao ..CSS không hoạt động trong IE hoặc Firefox - Chrome hoạt động tốt

+0

CSS, html? .... fiddle? – SW4

+1

Kết xuất đường dẫn trình duyệt khác nhau do trình duyệt khác nhau, các trình duyệt webkit như chrome, safari bỏ qua nhưng donzilla donot, vì vậy chỉ cần xóa dấu gạch chéo đầu tiên '/' trong đường dẫn đến css. –

Trả lời

3

Các type trên stylesheets của bạn cần phải được như sau:

<link type="text/css" href="/css/parent.css" rel="stylesheet"> 
<link type="text/css" href="/css/landing-page.css" rel="stylesheet"> 
<link type="text/css" href="/css/dropit.css" rel="stylesheet"> 

Loại bỏ các / vào lúc bắt đầu.

+0

Rất đơn giản, sheesh! Cảm ơn rất nhiều! – scd

0

Bạn có thể viết CSS chỉ bằng cách thêm mã này vào biểu định kiểu của mình.

<!--[if IE 8]> 
<style>...</style> 
<![endif]--> 

Để tham khảo thêm bạn có thể truy cập http://www.quirksmode.org/css/condcom.html

2

Hủy bỏ các dấu gạch chéo trong các loại tờ khai stylesheet của bạn:

<link rel="stylesheet" href="/css/parent.css" type="/text/css" /> 

để

<link rel="stylesheet" href="/css/parent.css" type="text/css" /> 
1

Đối với tuyên bố này liên kết của bạn CSS

<link href="/css/dropit.css" rel="stylesheet" type="/text/css"></link> 

Bạn cần phải loại bỏ thêm dấu gạch chéo / trên type="/text/css" nên

<link href="/css/dropit.css" rel="stylesheet" type="text/css"></link> 
Các vấn đề liên quan