Hiển thị kết quả từ 1 đến 7 / 7
  1. #1
    Tham gia
    02-04-2009
    Bài viết
    135
    Like
    0
    Thanked 1 Time in 1 Post

    Hỏi về cách fix image PNG trên IE7

    Chào các bạn, vấn đề mình hỏi đã có rất nhiều hướng dẫn và cũ, nhưng mình có một vấn đề muốn hỏi các bạn.
    Trên CSS của mình FIX thế này:
    a img {width:100px; height:60px; border:0; -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); /*Dành cho IE */ -moz-opacity: 1; opacity: 1;}
    a:hover img {width:100px; height:60px; border:0; -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); /*Dành cho IE */ -moz-opacity: 0.8; opacity: 0.8;}

    Trên html mình thiết kế thế này:
    <div style="float:left; width:400px; margin-left:15px;">
    <a href='#' style='margin-left:-30px;'><img src='/Images/Images1.png' alt='Sản phẩm kronotech'/></a>
    <a href='#' style='margin-left:-30px;'><img src='/Images/Images2.png' alt='Sản phẩm Dehome'/></a>
    <a href='#' style='margin-left:-30px;'><img src='/Images/Images3.png' alt='Sản phẩm XYflooring'/></a>
    </div>

    Trên trình duyệt FF, Chro, IE8> đều chạy được, nhưng vướng cái thằng IE7 nó vẫn hiển thị được opacity sáng mờ ảnh, nhưng các cạnh của nó lại bị bôi đen (Đen cạnh), các bạn có cách nào khắc phục được tình trạng đen cạnh này không giúp mình vơi nhé, ảnh của mình là hình tam giác không nền với phần mở rộng là PNG. Nó đen cạnh mới tức chứ, hừ ai giúp mình với nhé, thanks.
    Quote Quote

  2. #2
    Tham gia
    10-03-2012
    Bài viết
    94
    Like
    1
    Thanked 21 Times in 13 Posts
    Bạn chụp cái ảnh nó hiển thị lên xem thử thế nào.
    ...

  3. #3
    Tham gia
    02-04-2009
    Bài viết
    135
    Like
    0
    Thanked 1 Time in 1 Post
    Quote Được gửi bởi PlusQuiz.com View Post
    Bạn chụp cái ảnh nó hiển thị lên xem thử thế nào.
    Đây ảnh của nó đây bạn

    Tất cả những cái ảnh png nào mình dùng -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=80) "; filter: alpha(opacity=80); đều bị. có bạn nào xử lý được giúp mình với nhé. Thanks

  4. #4
    Tham gia
    14-04-2005
    Bài viết
    1,870
    Like
    2
    Thanked 12 Times in 11 Posts
    Gửi link thử coi bạn ơi.

  5. #5
    Tham gia
    04-07-2012
    Bài viết
    5
    Like
    0
    Thanked 0 Times in 0 Posts
    có mẹo là chuyển PNG thành JPG bạn à, bạn thử làm xem, nếu ko cần thiết để PNG có thể chuyển thành JPG thì sẽ opacity ngon, mình gặp trường hợp thế này rồi

  6. #6
    Tham gia
    10-03-2012
    Bài viết
    94
    Like
    1
    Thanked 21 Times in 13 Posts
    Test thấy PNG trên IE 7 hiển thị tốt mà hiệu ứng transparent bình thường không cần dùng mấy cái filter, còn trên IE 6 thì không transparent được trường hợp này tìm cái file .htc fix png cho ie 6.

    Chủ thớt bỏ mấy cái filter ra đi sẽ hết mấy cái vùng đen xung quanh ảnh.
    ...

  7. #7
    Tham gia
    23-02-2012
    Bài viết
    36
    Like
    1
    Thanked 5 Times in 4 Posts
    sắp khai tử IE7 rồi mà!

Bookmarks

Quy định

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể trả lời bài viết
  • Bạn không thể gửi file đính kèm
  • Bạn không thể sửa bài viết của mình
  •