BeautyCss » CSS3

Featured Posts

一款很好的解决IE6的PNG透明JS插件 DD_belatedPNG IE6的PNG透明是个老问题了，最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件，今天抽空把这个发上来。虽然之前在博客里发过一款jquery的png插件，但是不支持背景平铺。 DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制，以达到半透明的效果，并且能支持background-position和background-repeat属性，支持伪类。是一款不错的值得推荐的插件，用法也比较简单。使用方法： ...

Jquery Fancybox使用技巧及心得整理 Fancybox是一款很绚丽的jquery弹出层展示插件。之前一直也在用，不过是用的官方demo里的那些基本展示效果。在最近的项目里，由于需要用到了不少fancybox的属性及其他技巧整理如下。至于fancybox的基本用法，我在这也不说，网上一搜很多的，也可以看官方demo。下面的几个例子中，我只列出对应的功能需要加的属性，其他基本属性我就不列出来了。 1.随滚动条滚动居中展示。如果是常用及熟悉fancybox基本属性的朋友，应该了解这个属性，这也是为了更好的用户体验。 'centerOnScroll' :...

前端应该熟悉的10个CSS3属性 随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。对于Css3的新属性，你又了解多少呢？虽然大多数的css3属性在很多流行的浏览器中不支持，但是我们鼓励在前端开发中要学会并且运行这些css3属性，因为这是未来的趋势。关键是首先确定你是否对各个浏览器之间的细微的差别有所了解，你能肯定的说IE显示的90度的角就不圆滑嘛？这取决于你的决定。但是要永远记住，网站设计不必看到所有浏览器的不同。在文章的最后，我们将显示一个有趣的最终的案例。 1、border-radius ...

基于jQuery的网页Flash嵌入式插件 jQuery.Flash是基于jQuery插件的JavaScript代码，主要为了解决Flash在WEB页面的嵌入式解决方案，与AC_RunActiveContent、SWFOjbect功能类似，但是与其相比有更多的优点：（1）完全符合W3C标准 WEB页面嵌入式Flash是通过JavaScript脚本生成的，针对不同浏览器生成完全符合W3C标准的Flash页面嵌入式代码。（2）...

22个HTML5的初级技巧 Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML5，本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。 1. 新的Doctype声明 XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。 HTML5的Doctype声明很短，看到这个声明相信你马上就能记住，不用浪费脑细胞去记那长的有点变态的XHTML的Doctype声明了。 HTML5的简短的DOCTYPE声明是让Firefox、Chrome等现代浏览器和IE6/7/8等浏览器都进入(准)标准模式，你可能会奇怪IE6/7居然也可以支持HTML5...

May

一款很好的解决IE6的PNG透明JS插件 DD_belatedPNG

Posted by reno | Comments: (0)

Category : CSS3

Tags: ie6, png

IE6的PNG透明是个老问题了，最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件，今天抽空把这个发上来。
虽然之前在博客里发过一款jquery的png插件，但是不支持背景平铺。
DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制，以达到半透明的效果，并且能支持background-position和background-repeat属性，支持伪类。是一款不错的值得推荐的插件，用法也比较简单。

使用方法：

^?View Code HTML

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('.png_bg');
</script>
< ![endif]-->

Jan

前端应该熟悉的10个CSS3属性

Posted by reno | Comments: (0)

Category : CSS3

Tags: CSS3

随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。对于Css3的新属性，你又了解多少呢？虽然大多数的css3属性在很多流行的浏览器中不支持，但是我们鼓励在前端开发中要学会并且运行这些css3属性，因为这是未来的趋势。关键是首先确定你是否对各个浏览器之间的细微的差别有所了解，你能肯定的说IE显示的90度的角就不圆滑嘛？这取决于你的决定。但是要永远记住，网站设计不必看到所有浏览器的不同。在文章的最后，我们将显示一个有趣的最终的案例。