ხშირად გვხვდება პრობლემები საიტის ბრაუზერში ასახვისას - გვესაჭიროება სხვადასხვა ბრაუზერისთვის სხვადასხვა სტილის განსაზღვრა. თითქმის ყველასთვის ცნობილია ხაკი IE-თვის,მაგრამ ძალიან ცოტამ იცის ხაკები Firefox'ან Safariითვის.
გამოსავალი ვიპოვე ინტერნეტში და თქვენც გიზიარებთ.
IE (HTML)
<!--[if IE 7]>
<style type="text/css">
display: block;
</style>
<![endif]-->
<!--[if IE 6]>
<style type="text/css">
display: block;
</style>
<![endif]-->
IE (CSS)
/* IE 7 */
html > body #ie7block
{
*display: block;
}
/* IE 6 */
body #ie6block {
display: block;
}
Firefox
/* Firefox 1 - 2 */
body:empty #firefox12block
{
display: block;
}
/* Firefox */
@-moz-document url-prefix()
{
#firefoxblock { display: block; }
}
Safari
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#safariblock { display: block; }
}
Opera
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #operablock { display: block; }
}
ტეგები
CSS ხაკი Firefox,
Opera,
Safari და IE-ს თვის
+11
ავტორი:
admin ნანახია: 3636 | კომენტარი: 8 | Hacks | 10-01-2010, 19:53
