For regular browsers

hr {
       border : 0;
       height : 15px;
       background : url(hr.gif) 50% 0 no-repeat;
       margin : 1em 0;
       }

For IE < 8 (use conditional stylesheets)

hr {
       display : list-item;
       list-style : url(hr.gif) inside;
       filter : alpha(opacity=0);
       width : 0;
       }

Một vài thủ thuật đơn giản để cho ảnh được canh giữa.

Kỹ Thuật CSS background-image:

html {
   width:100%;
   height:100%;
   background:url(logo.png) center center no-repeat;
}

Kỹ Thuật CSS + Inline Image :

img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}

Read more... Add new comment

Firefox và safari ban không cần làm gì cả vì background của iframe đã mặc định Transparent rồi, duy chỉ ie là ko, tip này sẽ giúp bạn khắc phụ vấn đề đó.

Bạn sẽ thích tips này,vì trên IE khi 1 bức hình bị thu nhỏ thường nó sẽ có răng cưa và khá xấu, với 1 đoạn css đơn giản chúng ta sẽ giải quyết đc vấn đề

Hack css không phải là 1 phương pháp tôi khuyên dùng khi bạn gặp rắc rối với css, nhưng đôi lúc bạn cần đến nó như 1 cứu cánh để web của bạn có thể hiển thị tốt trên mọi trình duyệt, đây là 1 vài css hack hữu ích và hay dùng nhất, để các bạn tham khảo.