作 者:笑傲江湖分 类: 百 宝 箱 发布于:2011年-12月-21日 16:38 星期三
作 者:笑傲江湖分 类: 百 宝 箱 发布于:2011年-10月-30日 0:24 星期日
近一段时间都在和DIV+CSS打交道,还是一如既往的浏览器老问题,兼容,还是兼容,尤其是盖茨大叔家出产的IE浏览器,版本虽然不是太多,但是之间的差距太大,6、7、8、9还有个10,IE10暂时还没用,9还行,算是和其他诸如Chrome、Firefox、Opera、Safari步伐一致了,虽然小问题有一点,但是大问题没有了。IE8还算凑合,IE6和7就是毒瘤啊,靠吧,头疼。
小小总结一下头疼的地方,当然是些自己遇到的比较烦人的地方:
1、CSS的部分属性,IE6、7不支持或者有Bug,害人不浅,需要另辟蹊径。
2、很多Javascript的特效代码不支持,Fuck,这才是恼人的地方。
3、最起码的PNG图片的透明不能直接支持,还得Fix一下才行,GIF也就256色。
所以,盖茨大叔,您能不能行行好,当初若是IE6留下的有啥后门,开启吧,全都强制升级到IE9,最差IE8也行啊,不升级的都开机就死机。前几天Windows XP都十岁了,IE6也不小了,可是用户群还是一大把,这都是盖茨的功劳,怪不得欧洲的同仁们要打击盖茨大叔捆绑IE呢,现在看来还是有道理的。也希望天朝的网民们,没事的时候把您的IE6浏览器升级到IE8吧,当然IE9更好,如果能使用其他诸如Chrome、Firefox、Opera、Safari浏览器那是最好不多了,都很好使。如果要用网银、支付宝什么的时候再临时把IE请出来单独用一下也是可以的,谁让咱们国情如此呢,没有和国际接轨,革命尚未成功,还得努力啊。
作 者:笑傲江湖分 类: 百 宝 箱 发布于:2011年-10月-10日 13:02 星期一
原本博客顶部的通栏展示是一张图片,后来做了一个简单的Flash动画放上。放上之后发现一个小问题,就是博文中的缩略图点击之后,会全屏显示原始大图片,不过,全屏时,Flash动画居然显示在最上层,也就是覆盖在原始大图片之上了。本想是给Flash动画加个z-index的负值之后就应该不覆盖原始大图了,结果依旧,没搞定。
先介绍一下z-index,CSS的这个属性值,是用来设置元素堆叠顺序的,也就是垂直于屏幕方向上的排列顺序,类似于PS里层的概念,值越大的元素,会覆盖其下面的元素。z-index可以拥有负值,且仅能在定位元素上有效,比如position:absolute,position:relative,or position:fixed。默认值是auto,主流的浏览器都支持这个属性。也有列外,IE7及老版本不支持inherit,IE8需要!DOCTYPE,IE9还算厚道,能支持inherit了。
根据这个z-index的说法来看,Flash动画应该是不覆盖其他元素了,可是不行哦,于是Google之,得知仅有z-index还不够哦,还得给Flash动画加上两个参数,代码如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1088" height="100" style="z-index:-99"> <param name="movie" value="/images/top_show.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="/images/top_show.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="1088" height="100"></embed> </object>其中第四行及第五行中的wmode="transparent"就是需要添加的参数,这样就搞定了,Flash动画老老实实的显示在原始大图下面了。
作 者:笑傲江湖分 类: 百 宝 箱 发布于:2011年-7月-3日 2:32 星期日
折腾网页的人,基本上都会遇到一个头疼的问题,那就是中文字体,你要是想个漂亮的中文字体显示汉字,那你得把文字弄成图片,然后放到网页上去。没办法啊,中文字体太大,你自己电脑上有这种字体,只有你本机浏览网页时可以正确显示这个字体,否则别人看到的就是浏览器用默认字体代替了,默认字体那最普遍的就是宋体了。这几年还好,Vista和Win7系统自带的微软雅黑字体也算不错,算是可以在网页上使用的中文字体了。当然,如果你还是用Vista之前的操作系统,如果未单独安装微软雅黑字体,也一样无法看到,还是照旧宋体显示。所以汉字折腾成图片这事,估计咱国的搞网页制作的,没有一个不头疼的,具体头疼什么?业内人士的话,哥不说,你懂的。
中文字体不行,那英文相对就好办多了,操作系统里本身带了很多的不错的英文字体,都可以在网页上使用。但是如果你自己发现了系统之外的,觉得很不错的英文字体要用在网页上,咋办呢?那就搞成网络字体,随制作好的网页一并传到你的网站上去,这样,浏览网页的时候,就自动把这字体下载了,同时也能正确的按照你指定的字体,显示页面上的英文文字。好了,下面就说说怎么整:
首先你的把你要用的英文字体找回来,TTF[TureType Font]和OTF[OpenType Font]的都行,然后得转换一下格式,搞成eot的,这是给IE浏览器用的,TTF的直接非IE浏览器就能用,比如Chrome、Firefox、Opera、Safari(PC)。
在线转换:
http://www.fontsquirrel.com/fontface/generator
TTF2EOT的命令行:
http://code.google.com/p/ttf2eot/downloads/list
英文字体示例:
Museo fonts,It's wonderful!
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890@#$%&?
作 者:笑傲江湖分 类: 随心所欲 发布于:2011年-3月-17日 8:22 星期四