26
4
好吧，我承认我总是看到人们提示 IE (Internet Explorer xx)，我从来没有真正提示过它，但我意识到我可能是错的。我是 Chrome 的铁杆用户，偶尔我会打开 Firefox 进行某些操作或测试 View ，但直到前几天我才打开 IE。我在我正在工作的网站上打开 IE 8 并感到震惊，有这么多错误，我不是在责怪 IE，我只是开始做正确的 CSS 和设计，我更像是一个后端编码器。所以很可能我只是没有使用正确的 CSS
所以下面是我元素的 IE8 图像，我标记了每个有问题的部分。
1)这个背景应该会扩展页面的宽度，在 Firefox 和 Chrome 中也是如此。
这是这个区域的一些 CSS
Trung tâm cá nhân
Điều phát hành
từ bỏ#header-wrap {
chiều rộng: 100%;
vị trí: tương đối;
lề: 0 tự động;
height: 95px;
background: #F3F3F3 url(../images/layout/blue-spike.gif) repeat-x;
border-bottom: 1px solid #DEDEDE;
}
2)这是一个导航无序列表，它应该显示一行中的所有列表项，从左到右，当它变宽时，它会从左到右开始一个新的元素行，它在 Firefox 和 Chrome 中这样做
#tag-list li a {
màu sắc: trắng;
text-transform: uppercase !important;
background: #585858;
padding: 4px 6px 4px 6px!important;
-moz-border-radius: 3px;
border-radius: 3px;
font: .8em Helvetica,Arial,sans-serif;
margin: 1px 0px 3px 3px;
hiển thị: khối;
nổi: trái;
}
3)来自数字 2 的相同代码，但不是方 Angular ，每个链接都应该有圆 Angular ，它适用于 Firefox 和带有边框半径的 chrome
4与标题部分相同，它应该扩展页面的整个宽度但它没有
#chân trang {
rõ ràng: cả hai;
background: #444 url(../images/noise-gray.png) center;
màu sắc: #666;
font-size: 1.1em;
with: 100%;
padding-bottom: 15px;
}
这是 fotter 的另一个背景图片，它是页脚顶部的锯齿形，它甚至不会显示在 IE 中，下面这段代码
#footer-zig-zag {
background: url(../images/shake-up.png) top repeat-x;
}
我意识到这是一个模糊的问题，我不希望有人重新编码网站，提示我为什么没有添加所有 HTML。
我只是想问一下，如果从上面的 CSS 中看出有什么地方不适合与 IE 一起使用。
我从来没有意识到 IE 与 Chrome 和 Firefox 有多么糟糕或不同，我不想再犯同样的错误，我不想 100% 支持 IE，但我认为我可以做得比我的好一点当前。
谢谢你的帮助
câu trả lời hay nhất
没有完全看到它，你是对的，它有点模糊，但是手边，
2) 看起来 li 在 block 显示中....将它们设置为 float:left;显示:内联；
3) ie8 不支持 border-radius。对于 ie9，您需要添加 -ms-border-radius；你可以找到 < ie9 border-radius 支持的 js 修复
1) 和 4a) 又一次，很难说，但是 width:100% 并且它们没有覆盖它，我将假设 ie 正在正确读取父宽度。也将父元素设置为 width:100%。
您可以使用条件注释来定位 ie，这样您就不会像这样弄乱您的真实样式:
关于css - 几个 IE CSS 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8314626/
26
4
0
Tôi có một tệp css tên là main.css và một tệp khác tên là style.css. Làm cách nào tôi có thể thực hiện việc này trong main.css? .someClass { //áp dụng quy tắc cho
Trước khi cập nhật css của mình, tôi đã có thông tin sau trong login.css: body { hình nền: url('./pictures/fond.png');
Tôi có xung đột css giữa css lõi chia sẻ điểm 2013 và css của tôi. Vì vậy, tôi muốn đặt tất cả các lớp của mình vào div #s4-workspace nhưng tôi đã tìm cách nhóm tất cả các lớp vào đây
Tôi biết rằng bạn có thể ghi đè các thuộc tính CSS mà trang jsp kế thừa từ jsp chứa tệp CSS (tức là tệp CSS chung). Nhưng điều gì sẽ xảy ra nếu có một thuộc tính trong phần tử làm rối tung một trang cụ thể và tôi không muốn sử dụng nó trong trang đó chỉ bằng cách sử dụng CSS nội tuyến
Tôi vừa phát hiện ra thuộc tính meta quy mô ban đầu. Trước đây, tôi đã sử dụng default.css để xác định tất cả kiểu dáng và kích thước của mình (cho phông chữ và thành phần) để chúng hiển thị đẹp mắt trên màn hình máy tính để bàn của tôi. Sau đó, nếu bạn đang sử dụng
Tôi đang cố gắng sử dụng LESS CSS để viết CSS của mình. Tôi đã nhập các tệp style.less và less.js theo thứ tự. Bây giờ tôi muốn trích xuất CSS do LESS tạo ra. Có cách nào để làm điều này? Tôi không muốn sử dụng kịch bản
Tôi đã tự hỏi liệu có loại phần mềm nào có thể đọc nhiều kiểu nội tuyến trong tài liệu HTML và chuyển đổi tất cả các kiểu đó thành tệp css bên ngoài hay không. Nếu chỉ có một trang, tôi có thể làm thủ công. Nhưng có 100 trang. Có ai có ý tưởng gì không? Câu trả lời hay nhất là như ai đó đã nói, "
Khi tôi muốn di chuyển từ Thành phần được tạo kiểu sang Mô-đun CSS, vấn đề sau sẽ phát sinh. Giả sử tôi có thành phần kiểu sau, chấp nhận phần bù tham số động và chủ đề chuỗi CSS động: con
Có cách nào để xác định một lớp CSS bằng một lớp khác không? Ví dụ: nếu tôi có một lớp: .myClass{ Background-color: blue } thì có cách nào để xác định lớp thứ hai với myClas không?
Tôi đang cố gắng tạo một tập hợp các nút nằm ở cuối trang và được phân tách bằng một khoảng trắng cố định. Tôi đang sử dụng lệnh ng-repeat của AngularJS để lấy dữ liệu qua yêu cầu ajax và sau đó tôi sử dụng nó để hiển thị nút. Vấn đề của tôi là cho phép nhấn
Trình duyệt có phân tích cú pháp CSS khi tải tệp CSS không? Hoặc nó được phân tích cú pháp sau khi toàn bộ tệp CSS được trình duyệt tải xuống? Có sự khác biệt giữa các trình duyệt? Tôi có thể tìm thấy thông tin cơ bản này ở đâu? Vấn đề không phải là Tải và thực thi
Câu hỏi này đã có câu trả lời ở đây: Lớp CSS có thể kế thừa một hoặc nhiều lớp khác không? (29 câu trả lời) Đã đóng 3 năm trước. Tiêu đề hơi khó hiểu, để mình chỉ cho bạn nhé. Giả mạo
Tôi gặp phải vấn đề kỳ lạ nhất... Ở dạng đơn giản nhất, tôi có một tệp index.html có nội dung sau: (Tôi đã giảm đáng kể nó trong quá trình cố gắng xác định nguyên nhân gốc rễ) Khi tôi nhìn vào mã nguồn của trang tôi nhận được như sau:
Tôi đang sử dụng Mindscape Workbench để thu nhỏ các tệp scss của mình. Trang của tôi được thiết lập để sử dụng các tệp *.min.css. Vào những thời điểm ngẫu nhiên, tệp tối thiểu không được xuất bản cùng với phần còn lại của hệ thống. Tôi có rất nhiều css
Vui lòng cho tôi biết sự khác biệt giữa CSS Frame và CSS Grid. Câu trả lời hay nhất Khung CSS cũng có thể là khung lưới CSS. Khung CSS Grid được sử dụng để xây dựng bố cục CSS. Có một số khung có các công dụng khác ngoài bố cục tòa nhà, chẳng hạn như Hartija
Tôi có tệp original.css không thể xóa hoặc thay đổi khỏi trang. Bảng gốc.css { border-collapse: thu gọn khoảng cách đường viền: 0;
Tôi đã từng sử dụng bootstrap css import tốt. Nhưng tôi đang cố gắng sử dụng các mô-đun CSS nên tôi đã thêm một vài dòng. { test: /\.css$/, sử dụng:
Có cách nào để tạo nhóm css trong bộ chọn css không. Ví dụ: .SectionHeader { include: .foo; include: .bar;
Hôm nay tôi đã học hai khái niệm trong CSS, một là định vị CSS (tĩnh, tương đối, tuyệt đối, cố định) và thứ hai là CSS Margin, xác định khoảng cách giữa các phần tử. Giả sử tôi muốn di chuyển một phần tử, đây có phải là cách tốt nhất không? Bởi vì hai khái niệm này dường như
var path = { css: './public/apps/user/**/*.css' } var dest = { css: './public/apps/user/css/' } /
Tôi là một lập trình viên xuất sắc, rất giỏi!