时光博客 - WEB开发中的可用性和用户体验
Tag: firefox

火狐插件网页另存为图片

上网的是时候经常会碰到这样的情况,就是看到一个自己觉得比较漂亮和欣赏的网页,就想先存下来,研究下她的配色和框架结构,以前用的TheWorld,有相关功能直接保存为图片。但是为了观赏到HTML5技术和CSS3技术,响应下无毒安全浏览器,现在还是用Firefox比较多。今天突然发现了这款软件,真的不错。Pearl Crescent Page Saver ,试了下效果,确实不错,可以将页面和区域保存为图片,保存的图片为PNG或者JPG格式,图片名称为网页的title。来看看官方的说明:

Pearl Crescent Page Saver is an extension for Mozilla firefox that lets you capture images of web pages, including Flash content. These images can be saved in PNG or JPEG format. Using Page Saver, you can capture an entire page or just the visible portion. You can control the image capture process via a wide variety of settings, including the image file name and scale (e.g., save at 50% of original size).

免费版本下载地址:http://pearlcrescent.com/products/pagesaver/pagesaverbasic-2.5.xpi

时光博客下载地址:pagesaverbasic-2.5.xpi

HOHO,又解决了一个难题了!

Firefox3.5已不支持属性-moz-opacity

安装了FireFox3.5之后,发现以前时光博客iGoogle皮肤中的换肤功能中有透明属性的一些DIV都不透明了。点击”换肤“按钮的时候,发现overlay已经一片黑暗,不再是60%的透明,于是猜想,firefox3.5难道不支持它自家的CSS透明属性-moz-opacity了?上网一查,果真如此。
https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了:

Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.

3.5以后的版本将不再支持-moz-opacity属性,现在都要改用opacity这个属性了。

于是要设置一下透明度为60%的DIV就应该这样写了:

  1. div.transp { 
  2. opacity: 0.6/* Firefox, Safari(WebKit), Opera) 
  3. filter: "alpha(opacity=60)"; /* IE 8 */ 
  4. filter: alpha(opacity=60); /* IE 4-7 */ 
  5. zoom: 1/* needed in IE up to version 7, or set width or height to trigger "hasLayout" */ 

opacity这个是属于CSS3里面的东西了,属于css3的标准。然而微软IE8还不支持这一属性。