IE6下文字神秘消失
因为最近比较忙,这两周都不怎么更新博客了。忙完之后,又开始折腾起我的博客。经常光顾露兜博客的朋友,可能都注意到露兜博客的界面又发生了很大了的变化,具体哪些变化我就不说了。折腾是要付出体力劳动的,尤其是Internet Explorer这个怪物还在这个世上横行霸道,你就别想半点清闲。
因为最近比较忙,这两周都不怎么更新博客了。忙完之后,又开始折腾起我的博客。经常光顾露兜博客的朋友,可能都注意到露兜博客的界面又发生了很大了的变化,具体哪些变化我就不说了。折腾是要付出体力劳动的,尤其是Internet Explorer这个怪物还在这个世上横行霸道,你就别想半点清闲。
在大量的网页设计作品中,都用到一种边角折叠效果,通常用于标题背景。一般可以用PhotoShop来实现这样的效果,但是在当今广泛提倡减少网页图片使用量的情况下,我们还是少用图片为好。其实使用CSS是可以很容易地实现这种效果的,本文将告诉你CSS的具体实现方式。
今日Google公布了Google Fonts API,只要在你的网页代码中添加一个<link>链接到Google字体库,就可以使用一系列自定义的字体,并且不需要你的用户预装这些字体。这些字体存储在Google的服务器,当然可以给我们节省一些流量,Google的链接速度那也是没得说的。可以毫不夸张地说,你可以在20秒内将这些字体应用到你的项目中。因为是在后端处理,所以这些字体能够支持到Internet Explorer 6,不必太在意浏览器兼容问题。
今天测试网页的时候,发现网页在firefox和ie各版本下都显示正常,但是换了谷歌浏览器chrome,原本好好的网页一下子面目全非,仔细检查了css文件和html,并没有发现什么错误的地方,原本使用的css sprite也无法正常运行,所有图片都显示不出来了。
今天测试一些网页,发现有个页面在firefox显示很正常,在ie的任意版本下却一片空白,查看一下源代码,发现里面有完整的html源代码而且没有错误,很是奇怪为什么经过ie解释就变成空白了呢?
我们在做网页的时候,会遇到一个图片和文字位置对不齐的问题。(一般表现为图片总是比文字高点),我们可通过margin-bottom来解决这个问题。
今天偶然发现了Dreamweaver的一个非常有用的功能,就是代码的格式化功能。一般情况下,我们写的html或者css代码都计较混乱,难以阅读,即使刚开始很在意代码的可读性,但是等到所使用的标签越来越多,嵌套越来越深,这时我们已经很难去掌控html代码的格式问题了。
本文将教你如何使用Dreamweaver格式化html代码。
初衷是想给这个提交按钮<input type="submit"value=" />加上背景图片,当把各个background背景属性分开写的时候,按钮背景图片在IE中无法显示,而在Firefox和Chrome中皆可以正常显示。
解决方法:使用background 简写属性,在一个声明中设置所有的背景属性。