ＣＳＳハック

BACK

---

■　ＣＳＳハック

---

★　アメブロで使うと良いＣＳＳハック。

●　アメブロの推奨利用環境は、現在(2011.03)、下記の様になっています。
最新の状況は、下記を参照
http://helps.ameba.jp/faq/others/5510/top_08.html

Windowsをお使いの場合

• 推奨OS：Windows XP
• Microsoft Internet Explorer 7.0
• Mozilla FireFox 3.0以上の最新版
• Google Chromeの最新版
  

Macintoshをお使いの場合

• 推奨OS：Mac OS X　10.5
• Mozilla FireFox 3.0以上の最新版
• Safari4.0 以上の最新版
• Google Chromeの最新版

◆　ＩＥ８、ＩＥ７、FireFox では、どうしても、表示の違いが発生し、
　　普通のＣＳＳでは、すべてのブラウザ・バーションに対応できません。
　　そこで、ＣＳＳハックで、それぞれのブラウザ・バーションにのみ
　　有効なＣＳＳを発行する必要があります。

　　下記の様に通常のＣＳＳの部分の前に指定します。（赤字部分）


●　IE8、Firefox、Opera、Safari　のみに有効

◆　例

html>/* */body #recent_entries_list{/* IE8、Firefox、Opera、Safari */
margin-left:-200px;
}

---

●　Firefox、Opera、Safari　のみに有効

◆　例

html:not(:target) #recent_entries_list{/* Firefox、Opera、Safari */
margin-left:-200px;
}

---

●　IE7　にのみ有効

◆　例

html* #recent_entries_list{/* IE7 */
margin-left:-200px;
}

---

●　追記

●　ウェブキットハック（ Safari Google Chromeに有効）

@media screen and (-webkit-min-device-pixel-ratio:0){/* ウェブキットハック Safari Google Chrome */
#recent_entries_list{
margin-left:-200px;
}
}

---

BACK