随笔分类 -  HTML&CSS

摘要：css带来的便利是很容易感受的到的，但恶心的是它在ie下的不兼容，所以某位牛人现身写了个ie-css3.htc，允许你在ie下去使用css3的部分东西。ie-css3的使用方法很简单，在你需要使用css3的样式里加入behavior: url(js/ie-css3.htc);就可以了（括号里是ie-css3.htc的地址）下面是我对ie-css3.htc的测试。1、border-radiustest 经过测试，在ie678下都见到了可喜的圆角，但在ie6和ie7下如果没有这句的话background:#fff;box的背景会是恐怖的黑色。还好也不是什么大问... 阅读全文

摘要：先简单介绍一下FusionCharts，这是一款动态的制作报表的工具，主要通过XML数据和SWF文件进行交互，实现类似于flash的非常漂亮的报表。下面就做一个Demo，简要介绍一下啊fusioncharts的功能，以及如何实现一个完整动态数据的交互。 首先下载FusionCharts的官方API发布包，我做这个例子的时候是V3.1下载后，在MyEclipse下新建一个Web工程。然后将发布包中的Charts文件夹拷贝到WebRoot下，这里面都是我们接下来要做图的时候用到的一些swf文件。接着还需要一个JS文件，是JSClass文件夹下的FusionCharts.js文件，将它拷贝到WebR 阅读全文

摘要：用FusionCharts做了个小例子。什么事开始都不会是顺利的。这时候需要大家淡定。废话不能多说。这是原则。首先在eclipse下建了个project。当然因为这个小例子比较简单，不需要放在project中。你完全可以在自己的PC里建个文件夹放进去。charts文件夹里放了FunsionCharts的swf，关于FunsionCharts这里就不多介绍了。可以去看官方文档或者网上的一些使用说明。推荐播客http://www.cnblogs.com/atree/archive/2010/06/01/FusionCharts-Free-MyFirstChart.html另一个文件夹放了两个文件代 阅读全文

摘要：相信许多人为解决这个ie6png透明蛋痛好久。第一次遇到这个问题是有人在群里私信。百度谷歌好久也没找到一个稳定合适的办法。后来在实际问题里遇到，终于解决了。这是本人发现的最稳定可靠的一种解决办法。废话不多说= = 这是原则。有个叫做“DD_belatedPNG_0.0.8a-min.js”的东东。CSDN下载地址：http://download.csdn.net/detail/stom_sword/5709305下面是用法：这样在ie6下你的所有div 和 span 元素（介个随便定义）使用PNG透明背景时，它就真的透明了~哥很诚实的 阅读全文

摘要：在主流浏览器中使用clear方法可以轻松完成浮动元素的换行。例如：ie clear这段代码显示结果如下但此方法在ie6和ie7下会不起作用，也就是元素不能完成换行。在这种情况下可以用以下方式替代。ie clear换行成功~ 阅读全文

摘要：前段时间发现两个好用的工具。有的童鞋喜欢使用IEtester，但那个是基于ie的工具，测试出的问题并不准确，还存在一些bug。推荐这两个工具来测试对ie6和ie7的兼容。1、ie6 for win7 CSDN下载链接http://download.csdn.net/detail/stom_sword/57093612、ie7 for win7 CSDN下载链接http://download.csdn.net/detail/stom_sword/5709357这两款工具是VMware出的 ，基于虚拟机的绿色版软件，相当稳定可靠。 阅读全文

摘要：ie6这个让人抓狂蛋痛的东西。。今天把以往遇到相关的ie6下的问题和bug整理一下。在主流浏览器中，你可以为你的div等元素设置一个min-height值，这代表该元素的最小高度，当内容超出这个高度时，元素会选择自适应。但ie6下是不支持这个方法的。你可以这样做例如：_height：100px;它的作用就相当于min-height:100px;欢迎补充。 阅读全文

摘要：今天碰到一个关于IE6下display:none的bug，纠结很久，终于找到解决的办法。代码例子如下 这个是有在ie6下如图其他浏览器如图：这个问题真是让人郁闷，感谢greengnn和广州♂锋提供的解决方案：解决方案1：将最后一个div加一个margin-right:-3px；即 解决方案2：将display: none的div换一个形式隐藏：即 阅读全文