Mấy hôm nay, đi làm Chẹp làm cái công việc nhàm chán



tải về 99.14 Kb.
Chuyển đổi dữ liệu06.08.2016
Kích99.14 Kb.
#14147
Mấy hôm nay, đi làm... Chẹp... làm cái công việc nhàm chán
Bữa trước, vẽ 20 cái layout xong nghỉ việc, designer mới cắt ko chuẩn, sếp lại gọi mình đến cắt.
Thôi thì ko có việc gì hôm nay post vài cái mẹo dàn trang đơn giản mà chả có nhà trường nào dạy hehe

1. thứ nhất :


vấn đề về Thuộc Tính Max-height, Và Max-width, ko hiển thị đúng trong IE6 trở về trước

Mình có một ảnh

Ảnh này hiển thị đúng ý đồ trong FF và IE7, nhưng trong IE6 ko hiển thị đúng (trong IE6 ảnh hiển thị theo đúng kích thước thật).

Còn nó như nào thì tự thử nhé, thử với cái ảnh to vào

Cách giải quyết 1:






còn đây là cách 2, cách này ko phải ai cũng biết đâu nhé :


Đó là trên IE có một hàm expression('câu lệnh javascript') để thực thi JS trong CSS.
Sửa thế này:

100 ? "100px" : "auto" );">

thế thôi mỗi 1 dòng )

2. Vấn đề thứ 2 là ảnh PNG ko thể trong suốt trong IE6 trở về trước
Cách giải quyết là tìm trên mạng 1 file fixpng.js rồi include vào trang web của mình. Khi đó, bất cứ khi nào sử dụng thẻ img mà có ảnh png , nó sẽ fix lại cho mình .

thế còn dùng ảnh trong suốt đó làm background image trong css thì sao

đơn giản viết cái này như này



khi đó chỉ có style2, và cái pngfix.js là IE nó hiểu thôi vì đã có cái điều kiện

Tôi đã có thể đưa ra "không có bảng HTML yêu cầu" giải pháp dựa tắt của một kỹ thuật bởi Stu Nicholls tại CSS Chơi và cá nhân tôi thích nó vì nó không chỉ làm việc trong IE6 + và FF2 +, nó cũng là hợp lệ CSS không yêu cầu bất kỳ hacks. Đối với lý luận của tôi về lý do tại sao một CSS bố trí dựa trên nền là thích hợp hơn trên bảng HTML, xem dưới đây.

Đầu tiên, tôi khuyên khi thiết kế trang mới với CSS bạn làm điều đó với các tiêu chuẩn tuân thủ chế độ trình duyệt. Để giải thích về quirksmode và tiêu chuẩn chế độ tuân thủ, hãy xem bài viết này từ một trong các trang web yêu thích của tôi tài nguyên CSS. Tất cả bạn phải làm là thêm một yếu tố DOCTYPE cụ thể ở đầu các trang của bạn. CSS sau đó sẽ bị buộc phải render ở chế độ tuân thủ các tiêu chuẩn, dẫn đến lỗi ít hơn và idiosyncrasies trình duyệt. Trong trường hợp mà bạn không thể chuyển sang chế độ tuân thủ các tiêu chuẩn có một min-width giải pháp cho các trình duyệt trong quirksmode, cũng có sẵn tại CSS Play.

Thứ hai, bạn phải thêm một wrapper thêm khoảng đánh dấu hiện có của bạn. Wrapper này được sử dụng để thiết lập min-width cho các trình duyệt mà hiểu min-width (không IE). Sau đó bạn có thể sử dụng lừa * html để nhắm mục tiêu cụ thể của IE 6 và áp dụng kỹ thuật Stu Nicholl của các hàm bao bên trong. Kỹ thuật này được chi tiết ở đây và ví dụ cụ thể được sử dụng là "# 2 Đối với chế độ tuân thủ các tiêu chuẩn của IE":

http://www.cssplay.co.uk/boxes/minwidth.html

Kết quả cuối cùng khá đơn giản. Nó tạo ra các cột 2 50% sử dụng 2-cột kỹ thuật phong cách ALA đã đề cập trong câu hỏi ban đầu, mà có chiều rộng tối thiểu chung (trong 500px trong ví dụ này), nơi các cột ngừng thay đổi kích thước và cột bên phải không thuộc dưới cột bên trái. Tôi hy vọng điều này sẽ giúp!



Edit: Kỹ thuật này tương tự có thể được sử dụng để áp dụng cross-trình duyệt tương thích min-width đến bất cứ điều gì. Ví dụ, các cột không cần phải được 50% mỗi và số bất kỳ của cột có thể được sử dụng http://www.glish.com/css/ là một nguồn lực lớn cho CSS-based bố cục trang và khi kết hợp với phút này. -width kỹ thuật có nhiều bố trí đẹp có thể được tạo ra với tối thiểu, hợp lệ CSS.

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




   



   

       

           

                Left
           

           

                Right
           

       

   



tải về 99.14 Kb.

Chia sẻ với bạn bè của bạn:




Cơ sở dữ liệu được bảo vệ bởi bản quyền ©hocday.com 2024
được sử dụng cho việc quản lý

    Quê hương