标签存档: 兼容

移动wap开发的一些设备上的细节

移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,需要对HTML5和CSS3有一定的了解。

1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用
继续阅读 »

兼容所有浏览器的CSS3圆角

curvycorners.js

<script type="text/javascript" src="curvycorners.js"></script>
<script type="text/javascript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 6 },
tr: { radius: 6 },
bl: { radius: 6 },<!--more-->
br: { radius: 6 },
antiAlias: true
}
curvyCorners(setting, ".roundedCorners");
}
</script>

继续阅读 »

关于IE6、7、8下实现盒阴影的几个注意点

点评:关于IE6、7、8下实现盒阴影的几个注意点,需要的朋友可以参考下。

代码如下:

-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000; 继续阅读 »

用JS判断浏览器,然后选择相应css文件

在页面里直接这样写就行
<!–[if IE]><link type=”text/css” rel=”stylesheet” href=”style_ie.css” /><![endif]–>

具体的文章如下:
条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。

通俗点,条件注释就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如: 继续阅读 »