天馬行空

          There Can Be Miracles WHEN YOU BELIEVE

          統計

          最新評論

          SAFARI CSS HACK REDUX

          轉一個關于safari的css hack。
          文章來自http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/
          In March 2007, I wrote about a Safari CSS hackcalled the "Pound Safari Post Semicolon" hack (coined by Tony at Simian Design). As of Safari 3.0, this hack no longer works. However, there is a way to target Safari 3.0 (and Opera as well):

          @media screen and (-webkit-min-device-pixel-ratio:0) {
          /* Safari 3.0 and Opera 9 rules here */
          }

          As always, the disclaimer(免責聲明): nobody condones the use of hacks, but we all (well, most of us) have to make use of them at least once in a while. The above code targets both Safari 3.0 and Opera 9. Hopefully, it will be a future-proof(未來保證) hack, since the -webkit part of the selector will probably not be adopted by other browsers.

          Example: The following code set the background color of the <body> element red in all browsers and then resets it to blue in Safari 3.0 and Opera 9.
          body { background-color: red; }
          @media screen and (-webkit-min-device-pixel-ratio:0) {
              body { background-color: blue; }
          }

          [demo]

          Tested on Mac OS X version 10.5.1 with Safari version 3.0.4 (5523.10.6) and Mozilla Firefox version 2.0.0.11. Tested on Windows XP Professional Version 2002 SP 2 with Mozilla Firefox version 2.0.0.11, Opera 9.10, and Microsoft Internet Explorer 6. Hack from CSS, JavaScript and XHTML Explained.

          posted on 2008-02-19 22:43 Fenris 閱讀(667) 評論(0)  編輯  收藏 所屬分類: 有關前臺

          主站蜘蛛池模板: 宿迁市| 龙胜| 南皮县| 辰溪县| 齐河县| 师宗县| 西林县| 厦门市| 图片| 宁陵县| 山阳县| 石台县| 通江县| 怀安县| 平原县| 米泉市| 航空| 永安市| 封丘县| 原阳县| 类乌齐县| 宁化县| 横峰县| 通州市| 三河市| 邳州市| 南投市| 东乡族自治县| 将乐县| 清苑县| 聂荣县| 乐昌市| 鄂尔多斯市| 乌拉特中旗| 平山县| 临沂市| 壤塘县| 翁牛特旗| 精河县| 明光市| 桂阳县|