ورود

View Full Version : سوال: قسمتی از کد JS



محمدامین شریفی
یک شنبه 29 دی 1387, 19:41 عصر
سلام،بچه ها میفهمید این کد را که با آبی مشخص کردم چه کاری میکند:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#footer {
width:50px;
height:50px;
background-color:#FF9900;
position:fixed;
bottom:0px;
right:0px;
}

* html #footer {
position:absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight): document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
</style>
</head>

<body>
<div id="footer"></div>
</body>
</html>

behzad_gh
یک شنبه 29 دی 1387, 20:07 عصر
این یک هک برای ie6 هست.
چون در ie6 پس از ست کردن position:fixed مقدار bottom:0px عمل نمی‌کند از این روش برای قرار دادن آبجکت در محل مورد نظر پس از محاسبه مکان( در قسمت expression ) استفاده می‌کنند.
expression فقط در ie کار می‌کنه و کد * html #footer موجب میشه این قست css رو فقط ie6 ببینه.

محمدامین شریفی
یک شنبه 29 دی 1387, 21:43 عصر
این یک هک برای ie6 هست.
چون در ie6 پس از ست کردن position:fixed مقدار bottom:0px عمل نمی‌کند از این روش برای قرار دادن آبجکت در محل مورد نظر پس از محاسبه مکان( در قسمت expression ) استفاده می‌کنند.
expression فقط در ie کار می‌کنه و کد * html #footer موجب میشه این قست css رو فقط ie6 ببینه.
خیلی ممنون،میشه یکم بیشتر توضیح بدید یا یک لینک معرفی کنید؟

behzad_gh
یک شنبه 29 دی 1387, 22:11 عصر
expression این امکان رو به شما می‌ده (البته فقط در ie ) که میان کدهای css از javascript کمک بگیرید.
همانطور که گفتم * html موجب می‌شه که فقط ie6 کدهای این قسمت استایل رو ببینه .البته چون نحوه نمایش در مرورگرها فرق می‌کنه روشهای مختلفی برای فیلتر کردن کدهای css برای مرورگرها وجود داره که در لینک‌های زیر می‌تونید نمونه اونها رو ببینید.
http://www.noupe.com/better-design/7-css-hacks-you-cannt-live-without.html

http://www.maratz.com/blog/archives/2005/06/16/essentials-of-css-hacking-for-internet-explorer/

http://www.dlnqnt.co.uk/index.php/tag/ie6/