2011 Ngày 07 tháng 7 2011
Nếu điều này trong blog của một số ... nghĩ rằng nó đã được tốt đẹp cho danh mục này cho ref trong tương lai .... cũng có thể là một câu hỏi phỏng vấn quan trọng mà bạn sẽ hỏi một số ngày ....
Viết một đoạn của CSS sẽ hiển thị một đoạn văn trong màu xanh trong trình duyệt cũ hơn, màu đỏ trong các trình duyệt mới hơn, xanh lá cây trong IE6 và đen trong IE7
#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}
không có bình luận | tags: FF Hacks , IE Hacks | đăng trong CSS
2008 10 Tháng 10 2008
CSS cho trình duyệt IE không: không có thông tin cho các nhà phát triển CSS, CSS các Selectors trẻ em như ví dụ dưới đây, không có vẻ làm việc trong IE.
ví dụ như div span> {một số css}, có nghĩa là "khi một yếu tố span là một đứa trẻ (và không một cháu hoặc con lớn lớn ...) của một phần tử phân chia".
Nhưng chúng tôi sử dụng CON này để lợi thế của chúng tôi. Trong lịch sử, chọn con đã được sử dụng để ẩn CSS lệnh từ IE. Đơn giản chỉ cần bằng cách đặt html>body ở phía trước của bất kỳ lệnh CSS IE sẽ bỏ qua nó:
html>body .foo { CSS commands go here ;}
Điều này làm việc bởi vì <body> luôn luôn là một đứa trẻ của <html> - nó có thể không bao giờ là một đứa cháu lớn cháu của <html> .
IE 7 hiểu chọn con, bạn có để chèn một thẻ lời bình trực tiếp sau khi lớn hơn dấu hiệu IE 7 sau đó sẽ không hiểu được điều này chọn (những người hiểu biết lý do tại sao?) Và do đó sẽ hoàn toàn bỏ qua lệnh này CSS.
html> /**/ body .foo { CSS commands go here ;}
Nếu chưa nhìn thấy những trước khi, có một chi thông qua sau đây
không có ý kiến | tags: Lỗi IE , Sửa chữa IE , IE Hacks , IE vấn đề | quirks trình duyệt , CSS
2008 04 Tháng 10 năm 2008
Như thường lệ, một trong một số vấn đề xa lạ với trình duyệt IE và một người phải đứng trong TOP 10 của quirks IE.
VẤN ĐỀ TUYÊN BỐ (Đây là vấn đề của tôi, có thể bạn có cư xử xấu tương tự):
Tôi có nhiều Bảo hiểm tiền gửi Việt Nam trong trang với lớp "sectionhead", đó là gì, nhưng tiêu đề của một phần trên trang. Vì vậy, tôi có một số phong cách tìm kiếm như thế này
Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px;}.
Div là một thanh ánh sáng màu xám với một số văn bản màu đen. Điều gì sẽ xảy ra trong IE là một số các tiêu đề mục được hiển thị ok, nhưng một số là vô hình, cho đến khi, bạn di chuyển các trang hoặc nhấp vào một cái gì đó trên trang vv Đôi khi, họ có xu hướng biến mất khi bạn nhấp vào phím "alt" khi bạn trang hoặc di chuyển thanh cuộn. Họ đôi khi dường như xuất hiện trở lại khi bạn tải lại (f5) trang. Ngắn Bảo hiểm tiền gửi Việt Nam hoàn toàn đơn giản với một số phong cách đơn giản cư xử BAD.
Điều gì có thể gây ra một hành vi thất thường? Vâng! Thẳng thắn mà nói, NO IDEA!
CÓ THỂ GIẢI PHÁP:
Một lần nữa không hỏi tôi lý do tại sao, nhưng trong nhiều trường hợp vấn đề này có xu hướng biến mất khi bạn thêm vị trí: tương đối cho mis hành xử yếu tố phong cách, như thế này
Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px; vị trí: tương đối}.
Lạ, nhưng phải nói gì? God Bless tôi từ IE!
VÀ DO CHIA SẺ VỚI, NẾU BẠN CÓ VẤN ĐỀ tương tự.
không có bình luận | tags: Lỗi IE , Sửa chữa IE , IE Hacks , IE vấn đề | quirks trình duyệt , CSS , HTML
2008 Tháng Sáu 20, 2008
Nếu bạn đã bao giờ thực hiện (hoặc làm một) một Menu dọc bằng cách sử dụng các danh sách (li) thẻ và CSS, bạn có thể gặp phải, một lỗi trong Internet Explorer, trình duyệt IE 6 chèn các khoảng trống giữa các danh sách có chứa yếu tố cấp khối, tức là nếu có bất kỳ khoảng trắng giữa các mục trong danh sách đánh dấu. Cảm ơn, nhưng không nhờ, các phiên bản IE 7 có vẻ như miễn phí từ lỗi này.
Nếu như tôi, và nhiều hơn nữa, bạn thuộc về ban nhạc này của các nhà phát triển thất vọng, những người vẫn còn có để có được bố trí mới của họ, làm việc trong IE6, sau đó điều này có thể chứng minh hữu ích. Có một cái nhìn ...
Mẫu đánh dấu:
<ul id="menu">
<li> <a href="#"> Trang chủ </ a> </ li>
<li> <a href="#"> Giới thiệu </ a> </ li>
<li> <a href="#"> Dịch vụ </ a> </ li>
<li> <a href="#"> Danh mục đầu tư </ a> </ li>
<li> <a href="#"> Trợ giúp </ a> </ li>
<li> <a href="#"> Liên hệ </ a> </ li>
</ Ul>
Bạn có thể tạo ra một số CSS, tương tự như dưới đây, transfrom đánh dấu ở trên vào một menu dọc ....
Mẫu CSS ...
# Đơn {
margin: 0; padding: 0; background: # FF9900;
list-style-type: không có; width: 150px;
}
# Đơn li {margin: 0; padding: 0;}
# Menu {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; biên giới-bottom: 1px solid # FFF;
}
Kết quả bạn sẽ thấy ...
Giải pháp cho lỗi này ... (sửa đổi / bổ sung CSS nghiêng đậm)
# Đơn {
margin: 0; padding: 0; background: # FF9900; danh sách-style-type: none; width: 150px;
float: left; / * này có chứa các danh sách thả nổi * /
}
# Đơn li {
margin: 0; padding: 0;
float: left; / * Đây bản sửa lỗi * /
width: 100%; / * khoảng trắng lỗi trong IE6 * /
}
# Đơn {
màn hình hiển thị: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; biên giới-bottom: 1px solid # FFF;
}
Nếu doesnot giải pháp trên dường như làm việc (vì lý do được biết là IE6 chỉ) ... thử phương pháp này thay vì
Chỉ cần thêm này IE6 phong cách bổ sung duy nhất để đánh dấu của bạn ...
<- [If lt IE 7>
<style type="text/css">
# Đơn li a {display: inline-block;}
# Đơn li a {display: block;}
</ Style>
<[Endif] ->
không có ý kiến | tags: IE lỗi , sửa lỗi IE , IE Hacks , IE vấn đề , IE6 , Hướng dẫn | được đăng trong quirks trình duyệt , CSS
2008 Ngày 12 tháng 4 năm 2008
Đăng IE 6, MSIE đã được loại, đủ cho chúng tôi giao diện người dùng phát triển bằng cách thêm một vài chi tiết tiêu chuẩn CSS tài sản hầu hết các trình duyệt tiêu chuẩn khác. Một trong những hữu ích sở hữu "chiều cao-min". Tài sản khá thẳng về phía trước mà không cần giải thích dài hơi. Khi min-height cho một bộ phận được thiết lập, nó luôn luôn giữ lại rằng chiều cao thiết lập khi nội dung đó nhà chiếm ít hơn nó có thể giữ và quan trọng (không giống như vani đồng bằng sở hữu "chiều cao") quy mô hoặc nói cách CSS, nó hoạt động như một bộ phận có "chiều cao" được thiết lập để "tự động" ...
Đối với một số người trong chúng ta phát triển nghèo, những người vẫn còn được yêu cầu mã CSS cũng phải làm việc trong IE6, bỏ sẵn có của "min-height", có thể chứng minh một stopper hiển thị đôi khi ... donot tuyệt vọng.
May mắn thay, chúng tôi có đủ quirks trong IE, chúng tôi sẽ sử dụng lợi thế ra và hack theo cách của chúng tôi thông qua việc đạt được mục tiêu của chúng tôi ... tức là làm cho một bộ phận PHÂN như là mặc dù chiều cao min trong IE6
Giải pháp 1: Sử dụng Hack gạch dưới [ ... Tìm hiểu thêm ]
.box1 {
min-height: 200px;
height:auto;
_height:200px;
}
HTML: -
<div class="box1">Some dynamic content with variable height ...</div>
Giải pháp 2: Sử dụng các thuộc tính CSS Selector Hack
.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}
HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>
Hack Lựa chọn các thuộc tính CSS có lợi thế của các trình duyệt trước đó tha IE6 bỏ qua atribute-chọn. Lưu ý các yêu cầu của một bộ phận container với lớp học "SomeClass" =. Chỉ cần sự hiện diện của các thuộc tính lớp cho bộ phận này, ghi đè chiều cao trở lại tự động cho Opera, Mozilla và MSIE7 và sau đó. IE6 không hỗ trợ chọn atribute, bỏ qua nó.
Xem Demo min-height hack cho IE6
không có bình luận | tags: IE lỗi , sửa lỗi IE , IE Hacks , IE vấn đề , IE6 , Hướng dẫn | đăng trong CSS
2008 Ngày 15 tháng 3 năm 2008
Tại nhiều lần, trong khi làm bố cục trang với các đơn vị quảng cáo / lightboxes / Mẹo, vv chúng tôi đi qua các tình huống nơi mà một số đối tượng Mẫu CHỌN sẽ xảy ra là theo các phòng POPUP, theo thiết kế và nó cho thấy thông qua .... Yuk!
Vâng! bạn có thể dễ dàng FIX này bằng cách điều chỉnh các giá trị Z-INDEX của bạn một cách thích hợp cho FF và IE7. Nhưng Good Old chơi chữ (dự định) IE6 không cư xử như dự định .... BOX CHỌN chương trình thông qua, ngay cả sau khi bạn áp dụng một số mạnh cao giá trị Z-INDEX Phòng PopUp của bạn ... Thành thật xin lỗi!
Có NO Sửa lỗi cho vấn đề này, nhưng có, tôi tin rằng, hơn một vài cách để làm việc xung quanh vấn đề này, Tuy nhiên, Im ở đây để cho bạn biết các giải pháp đơn giản mà tôi sử dụng, mà làm việc tốt cho tôi, trong hầu hết các trường hợp ....
"HIDE THE ROUGE chọn BOX KHI BẠN CHO CÁC POPUP"
Đơn giản chỉ cần trong đoạn kịch bản của bạn nơi bạn hiển thị quảng cáo của bạn, thêm một phần của kịch bản để thiết lập khả năng hiển thị của Box SELECT "Hidden"
document.getElementById ('my_select) style.visibilty = "ẩn".
Và hãy nhớ đặt nó trở lại vào CLOSE phòng PopUp của bạn
document.getElementById ('my_select) style.visibilty = "nhìn thấy".;
"my_select" là ID của Box kích thích SELECT
Hy vọng điều này sẽ giúp ...
PS. Có ofcourse tùy chọn khác như động positionining một IFRAME (kích thước giống như bạn PopUp) thuộc Bảo hiểm tiền gửi Việt Nam Popup ... Điều này làm việc tốt quá, nhưng với một sự bổ sung vô số yếu tố DOM, kịch bản và Nhức đầu. Tôi đã sử dụng giải pháp này quá, Nếu bạn cần bất kỳ sự giúp đỡ với tùy chọn này, đừng cho tôi biết. Sẽ được vui mừng để giúp đỡ!
không có bình luận | tags: IE lỗi , sửa lỗi IE , IE Hacks , IE vấn đề , IE6 | đăng trong quirks trình duyệt , CSS , HTML , JavasScript
2008 Ngày 8 tháng 1 năm 2008
Một vài tháng trước đó, chúng ta đã thấy, làm thế nào chúng ta có thể bao gồm một phần của CSS sẽ được nhìn thấy IE6 chỉ ( Đối với các IES của bạn Chỉ ). Có nhiều cách khác để đạt được điều này là tốt. Đơn giản chỉ cần bao gồm một CSS riêng biệt, cụ thể để IE mục tiêu của bạn. điều này có thể đạt được với những gì được gọi là Bình luận có điều kiện.
Bình luận có điều kiện là một cách để phát hiện các loại trình duyệt và phiên bản. Phát hiện trình duyệt được thực hiện để đảm bảo rằng nội dung trình bày cụ thể trình duyệt. Phát hiện trình duyệt có thể được thực hiện bằng cách sử dụng nhiều kỹ thuật khác nhau. Phương pháp này có nhiều lợi thế hơn các phương pháp trước đó, bao gồm chuyển đổi phong cách bằng cách sử dụng javascript. Để liệt kê quan trọng số, sẽ được;
- Kịch bản không được yêu cầu
- Cross-trình duyệt
Làm thế nào để chúng ta làm điều này?
Chỉ làm một cái gì đó trong IE 5
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->
Làm điều gì đó trong Tất cả các phiên bản IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->
Làm điều gì đó trong Tất cả các phiên bản IE mới hơn IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->
Để biết thêm vartiations có điều kiện, đọc thông tin này trên MSDN:
Giới bình luận theo điều kiện
không có ý kiến | tags: Lỗi IE , Sửa chữa IE , IE Hacks , IE vấn đề | đăng trong quirks trình duyệt , CSS , HTML , JavasScript
2007 Ngày 08 tháng 9 năm 2007
Nếu bạn đã được viết CSS cho trong khi, bạn sẽ có kinh nghiệm những lần khi bạn có nghĩa là kéo tóc của bạn khi bố trí CSS của bạn nhìn tốt trong tất cả các trình duyệt mới (có nghĩa là trình duyệt chậm nhất là IE6), nhưng IE 6 ném một cơn giận. Bạn chiến đấu quyết liệt để điều chỉnh CSS của bạn nhưng nó không hoạt động ... Vâng! Các hacks ...
1. Gạch dưới Hack:
Theo định nghĩa, CSS 2.1 đặc điểm kỹ thuật cho phép gạch dưới ("_") trong nhận dạng CSS. Tuy nhiên, nhiều trình duyệt vẫn dường như bỏ qua bất kỳ xác định tiến hành với một gạch dưới nhưng IE. Điều này lỗi / tính năng của IE do đó trở thành một cách rất rõ ràng để thiết lập các thuộc tính CSS cho IES. vì vậy hãy nhớ, Một tài sản CSS bằng văn bản với gạch dưới trên đầu là có thể nhìn thấy cho Internet Explorer (tất cả các phiên bản IE 7)
#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}
Xem trình diễn của gạch thuê
Ngoài ra, Các hack min chiều cao cho IE6 sử dụng Hack gạch dưới, kiểm tra
2. Hack thăng (#): -
Giống như gạch thuê, một trong những điều này là quá cho IES OLY, với một sự khác biệt tốt, nhận dạng tài sản bắt đầu bằng # trên đầu có thể nhìn thấy cho Tất cả các phiên bản IE, IE7 bao gồm và vô hình đối với bất kỳ trình duyệt tiêu chuẩn khác.
.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}
Hack này đã được sử dụng độc đáo để chứng minh một trình duyệt chéo dọc sắp xếp giải pháp, có một cái nhìn ở bài viết này để tìm thấy nhiều hơn của chúng tôi
3. CSS cho IE6 chỉ:
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}
Hacks Những thiên đường gửi đi, khi không có gì khác hoạt động ... Nếu bất kỳ của các hacks tiết kiệm cuộc sống của bạn một ngày nào đó, không quên để đối xử với tôi :) cà phê
không có ý kiến | tags: IE lỗi , sửa lỗi IE , IE Hacks , IE vấn đề | đăng trong quirks trình duyệt , CSS , JavasScript
2007 12 tháng bảy 2007
Tôi có vấn đề này ở đâu, nếu bạn đã có một sự kiện mouseover trên một bộ phận (DIV) và phân chia đó, đối với một số lý do chính đáng phải được minh bạch (như trường hợp của tôi, nơi nó được yêu cầu để hiển thị một số thẻ trên một hình ảnh trên mouseover của bộ phận này trong suốt), IE đã thất bại để kích hoạt các sự kiện mouseover (Làm việc tốt trong FireFox).
Cố gắng một vài tùy chọn ... nhiều trong số đó chỉ là một cố gắng tuyệt vọng để có được những sự kiện cháy trong IE. Một trong những người nhạy cảm, mà tôi nghĩ rằng có thể làm việc là để thiết lập một màu nền cho bộ phận và thiết lập độ mờ đục để không ... Vâng! dint làm việc!
Các giải pháp cuối cùng mà dường như để làm việc và không làm phiền các chức năng tôi yêu cầu là đặt một điểm ảnh lặp đi lặp lại / hình ảnh nền trong suốt trong bộ phận đó
... Ngớ ngẩn! nhưng bây giờ IE có vẻ hạnh phúc.
không có ý kiến | tags: Lỗi IE , Sửa chữa IE , IE Hacks , IE vấn đề | đăng trong quirks trình duyệt
2007 11 Tháng Sáu, 2007
Đơn giản ... Để khắc phục vấn đề này sử dụng màn hình hiển thị: inline.
div {float:left;margin:40px;display:inline;}
Nếu bạn có một yếu tố lưu hành như một div và bạn đặt lề bên phải hay lề trái trên phần tử đó, Internet Explorer 6.0 sẽ tăng gấp đôi mà giá trị lợi nhuận, rối tung lên bố trí html / css. Để sửa lỗi này chỉ cần thêm màn hình hiển thị: nội tuyến, phần tử nổi của bạn.
có ý kiến | tags: IE lỗi , sửa lỗi IE , IE Hacks , IE vấn đề , IE6 | trong quirks duyệt , CSS
