长时间写AS代码之后，养成良好习惯，每行代码结束随手输入”;”,无意中在在整CSS时也顺便在”}”之后敲了个”;”,变态是整个CSS文件也仅仅只是多敲了这么一个.于是乎在firefox,chorm,opera测试页面时无论如何也不能和IE一致。经过一番…… (全文…)
Archive for the ‘xhtml+css’ Category
又一个可用的CSS HACK
星期三, 四月 8th, 2009Dreamweaver的svn插件subWeaver
星期三, 五月 7th, 2008subWeaver,一个仅几K的小插件，可以在dreamweaver操作常用的SVN功能。
不足之处就是在文件图标上没有什么变化。以下是开源项目的地址。
http://sourceforge.net/projects/subweaver/
点这里下载
下载后把扩展名改为:mxp,双击即可运行Extension Manager安装。
IE中 命名锚记 和FLASH的问题！
星期五, 三月 28th, 2008当一个html页面用了锚记#去定位页面位置后，如果页面还包括FLASH，当用户已触发一次锚写后，再点击FLASH，会将该页的标题栏变成锚记的内容，IE6与IE7都有这个问题。
测试方法：随便找一个有FLASH的网页，在URL后加上一个#号，再点击FLASH，标题将变成#.
关于CSS3
星期五, 三月 7th, 2008在微软向W3C靠扰的时候,以及IE8的出现,我想以后IE的更新速度一定会加快.对于CSS3的支持也是迟早的事.而火狐(FF)在中国网络上的的广告攻势也不能小视.部份CSS3的特性,FF已经支持了,像圆角之特别有用的新特性.<br/>
从网上收集的资料看,大至上有以下一些特性,我们可以用Firefox, Konqueror, Opera or Safari/Webkit.去看看效果.<br/><br/>
<ul>
<li>边框(border-color,border-image ,border-radius ,box-shadow )</li>
<li>背景(background-origin,background-clip,background-size,multiple backgrounds)</li>
<li>颜色(HSL colors ,HSLA colors ,opacity ,RGBA colors )</li>
<li>文本特效Text effects(text-shadow,text-overflow,word-wrap)</li>
<li>界面(box-sizing,resize outline )</li>
<li>选择器Selectors</li>
<li>其它(media queries,multi-column layout,,speech)</li>
<li>继续……</li>
</ul>
CSS3的特性在(FF)以及webkit等其它浏览器都不是以标准的语法去表示,<br/>
FireFox则会在标准语法加(-moz-)，webkit则加(-webkit-).<br/>
Internet Explorer 8测式版出来了
星期四, 三月 6th, 2008IE8终于出来了!完装后重启,IE7和IE8模式可以并存.
官方地址
http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx
做了简单测试.
新问题
图片标签没有设定长宽的情况下，设定float:left;图片会消失。
对网站文本进行选取，出现文字不可见。
html标签在不设高度情况，如果汉字行高设为奇数，会使外html标签增高一像素。
不支list-style-image；奇怪了。
改进
从IE7开始大部份标签开始支持伪类:hover,现在IE8开始支持伪类:focus;(复选框不支持);
继续测试中…..
IE中z-index层叠失效
星期一, 三月 3rd, 2008最近在制作HTML页面,很多两列的地方需要一侧因定宽度,另一侧自适应宽度.当需要一个下拉菜单效果时,无论把z-index的值设为多高,菜单的DIV始终不在页面最顶层.
HTML
<div class="a">
a <div class="menu">sub a</div>
</div>
<div class="b">
b
</div>
CSS
.a {
position:relative;
background:#f00;
}
.menu{
position:absolute;
background:#0ff;
height:50px;
z-index:99;
}
.b {
position:relative;
background:#ff0;
}
以上是页面代码,menu的z-index已设为99,但在IE6,IE7中DIV[menu]始终在div的下面.只能通加设置div[a]的z-index的值来提升级div[menu]层叠高度,但在火狐中无需设置.可以看出IE对层叠顺序的继承性比火孤要严格的多.但本人觉火孤的方式接近设计者的意图.虽然对IE和火狐对CSS不同解析深恶痛绝,也只能感到无奈.
IE6中textarea宽度问题!
星期五, 二月 29th, 2008textarea设了100%宽度,起初在IE,FIREFOX都正常显示.但在IE里只要输入文字就会自动增宽.
解决方法:在textarea外再加一个100%宽的div.
哎,又是一个BUG.
Mark of the web
星期三, 二月 27th, 2008用了N年的Dreanweaver,一直没注意在菜单"命令"最下面有一个插入Mark of the web(也不知道Dreanweaver cs3之前版本有没有),什么是Mark of the web?
最后在微软的MSDN上找到相关资料,是安全设置.在用户把网页另存到本机,再打开时,限制执行脚本,ActiveX控件。简称(MOTW).
具体的格式：
<!– saved from url=(URL长度)URL地址 –>
其中URL长度以四位表示，URL地址是所在的域，URL长度要和URL地址的字符长度一致。当不知道URL地址时可以用以下通用格式。表示在internet.
<!– saved from url=(0014)about:internet –>
不过对IE7好像没什么作用。windows xp2 之后，IE对本地执行js脚本都会有安全提示功能。火狐等它浏览器应该是不买微软这个帐的。总得来说没啥作用。搞了这么多年的网页，这个东西算是旮旯级的东西。
FLash在Firefox中100%高度问题
星期三, 一月 9th, 2008Flash在加上xhtml文档声明的html文件中用不着100%来设定高度.在IE中没有问题,在Firefox中就使100%高度无效.
一种做法是去除html文档最前面的文档声明。如果不去除xhtml的文档声明，加上一段CSS就可以解决问题。
html{
height:100%;
}
其实使用xhtml的DTD不但使CSS的设置会出现问题，而且会使用html下的JS在xhtml下也可能出现问题。
其中最常见是xhtml的滚动条的样式在body里设置也是无效，也得用html下设置。
js实现cookie参数传递.
星期三, 三月 21st, 2007一共两个文件,post.htm传递参数.read.htm接收参数
Post.htm
<input type="text" name="txt1">
<input type="button" onclick="setCookie('dansion',document.all.txt1.value)" value="Post">
<script language="javascript" >
function setCookie(name,value)
{
/*
*————— setCookie(name,value) —————–
* setCookie(name,value)
* 功能:设置得变量name的值
* 参数:name,字符串;value,字符串.
* 实例:setCookie('username','dansion')
*————— setCookie(name,value) —————–
*/
var Days = 30; //此 cookie 将被保存 30 天
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
documents.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
location.href = "Read.htm"; //接收页面.
}
</script>
Read.htm
<script language="javascript" >
function getCookie(name)
{
/*
*————— getCookie(name) —————–
* getCookie(name)
* 功能:取得变量name的值
* 参数:name,字符串.
* 实例:alert(getCookie("dansion"));
*————— getCookie(name) —————–
*/
var arr = documents.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr !=null) return unescape(arr[2]); return null;
}
alert(getCookie("dansion"));
</script>
