piercalex - 博客园

2012年4月27日

hasLayout和filter滤镜的细节

filter:alpha(opacity=60); IE(<9)透明滤镜失效。

如果我们设置宽度后filter就会有效果，而这个没有设置宽度hasLayout 属性值是0

熟悉haslayout 的都知道，这个表示当前容器不是一个有形体

在IE中filter套用到容器上时，容器必需是「有形体」，意思就是，必需「必须明确知道套用范围」，这个在 IE 中称为 layout，同时 IE 支持 hasLayout 这个属性，但是 hasLayout 这个属性沒有 HTML 或css写法，也就是只能使用 JavaScript / JScript 來驱动，使这个属性变成启动或不启动。当 hasLayout 为 true 时就是-1时，filter 的效果才能产生效果。

虽然 hasLayout 并沒有 HTML 可以启动，但是某些 CSS 属性一旦被指定，hasLayout 自动调整为 true，这些 CSS 属性是：

属性名称	启动 hasLayout 的值	取消　hasLayout
display	inline-block
width / height	除了 auto 外任何值	auto
position	absolute	static
float	left 或 right	none
zoom	非0值	0

所以不难看出当我们设置宽度后 filter属性就会有效果

hasLayout的值也会变化

posted @ 2012-04-27 15:04 piercalex 阅读(5) 评论(0) 编辑

2012年4月11日

一些易忘记的常识，不定期添加

--行内元素不能嵌套块元素，这种格式在w3c校验无法通过。

块级元素也有嵌套顺序：

哪些块元素里面不能放哪些块元素呢？先把所有的块元素再次划分成几个级别的，<html>是在最外层，<html>下一级里面只会有<head>、<body>、<frameset>、<noframes>，而我们已经知道了可视的元素只会出现在<body>里，所以我们把<body>划在第一个级里面。

接着，把不可以自由嵌套的元素划在第三个级，其他的就归进第二个级。

所谓的不可自由嵌套的元素就是里面只能放内联元素的，它们包括有：标题标记的<h1>-<h6>、<caption>；段落标记的<p>；分隔线<hr>和一个特别的元素<dt>，它只存在于列表元素<dl>的子一级。

为什么说第二级的元素可以自由嵌套呢？我们可以把它们看成是一些容器（或者说是盒子），这些容器的大小可以自由变化，例如我们可以把<ul>嵌在<div>里面，也可以把<div>嵌在<li>里面。

在HTML里有几个元素是比较特别的：<ul>、<ol>、<dl>、<table>，它们的子一层必须是指定元素，<ul>、<ol>的子一级必须是<li>；<dl>的子一级必须是<dt>或者<dd>；<table>的子一层必须是<caption> 或<thead>、<tfoot>、<tbody>等，而再子一层必须是<tr> （<tr>只存在于<thead>、<tfoot>、<tbody>中），之后才是可放内容的<td>或者<th>。

posted @ 2012-04-11 20:45 piercalex 阅读(16) 评论(0) 编辑

2012年2月8日

js显示隐藏div块

<div id="text"></div>

<input type="button" onclick="display('text')" />

function $_(id){
  return document.getElementById(id);
};
function display(x){
  $(x).style.display=($(x).style.display=="none")?"":"none";
};

posted @ 2012-02-08 18:36 piercalex 阅读(169) 评论(0) 编辑

网络评论-日本

日本人最大的特点是就是所谓的“大和”精神，日本一直崇尚的就是学习，进化，他们的潜意识里就是学习一切先进的理念，把这些他们认为先进的部分和自身融合，最后转变为自身。所以，我们看到的日本，觉得是很乱的，其实并不是，因为日本人把融合看做是日本的特点这种所谓的大和是无处不在的，日本人懂礼貌，但是发疯的时候，又不是一般的粗野，因为日本人觉得，大和是一种大融合，大包容，所以他们可以允许各种现象存在于日本，但是这些现象又必须是容于社会的主流有人说日本人不会说英语，说不好纯正的英语，其实这也是一种误解，我们中国人学习英语，追求的是尽量学的和人家的一样，最好是听起来完全一样，而日本人呢，他们恰恰是故意把英语说的不象英语，把英语说的象日语，因为这样，他们觉得是把英语融合于他们的语言中了，他们需要的融合英语词汇表达的意思，而不是英语本身日本终究会再强大起来，因为他们民族的精神就是进化，不管他们怎么失败，他们总是在主动进化，当美国人强的时候，日本就非常的象美国，当中国人强的时候，他们又非常的象中国，他们的确是在进化

posted @ 2012-02-08 18:00 piercalex 阅读(11) 评论(0) 编辑

比较运算符写两个样式交替

<div class="a" onclick="g(this)"></div>

function g(e){
    e.className=(e.className=="a"?"a2":"a")
}

posted @ 2012-02-08 16:01 piercalex 阅读(75) 评论(0) 编辑

再次复习html的锚点

弊端：

--产生一个无意义的 a 标签；

-- a 标签缺少 href 属性，不符合 XHTML 标准；

--多了 name 属性，不符合 XHTML 标准。

解决办法：

使用 id 时，我们不再局限于 a 标签，可以用于其他标签<h2 id="a1">zzz</h2>

这种用 id 做锚点在 IE、Firefox、Chrome、Opera 中都是受支持的。

另外再说一下，<a name="A0" id="A0"></a>中的name与id，可以只使用一个，但某些情况下，只是用name会造成锚点无效的错误。建议还是name 与id同时使用。

posted @ 2012-02-08 15:30 piercalex 阅读(159) 评论(2) 编辑

仅列出标题

piercalex | web前端开发