Skip to content

{ Category Archives } HTML

CSS中的text-index无效

有时候我们在写css中使用text-indent,发现text-indent的值为负数的时候无效。
尝试一下为该容器添加属性text-align:left;[……]

Read more

IE6和IE7右浮动折行(IE右浮动BUG)

首先来看一段代码:

[html]

<div id=”wrap” style=”width:300px;border:1px solid #ff4e00;”>

这里是一些文字,默认在左侧

<div id=”right” style=”float:right;w[……]

Read more

CSS兼容IE的mix-width和mix-height

因为IE7及以上和FF,Chrome都是支持mix-width的。所以我们用到了“_”下划线来解决IE6的问题。

如果需要设置最大宽度mix-width是“600px”,可以这么写:

[css]

max-width:600px;_width:expression(this.widt[……]

Read more

CSS中z-index详解以及各浏览器表现差异

IE7中的z-index:

有时候z-index设置了很高的值(如:“z-index:999”)但在IE7中还是被遮盖了。这因为IE7的渲染DOM的问题。
当一个父容器被定位(如:“position:relative”)的时候,子元素的z-index属性会被重置。
解决办法:在父容器中加上[……]

Read more

jQuery获取鼠标的坐标

在前端的html页面开发中,如何获取鼠标的坐标呢?
我们使用jQuery方法:
[javascript]
var mouseX = e.originalEvent.x || e.originalEvent.layerX || 0;
var mouseY = e.originalEvent.y[……]

Read more

去掉超链接和图片链接点击后的虚线

1.在单个链接上添加属性去掉虚线
[html]
<a href=”” onfocus=”this.blur()”>超链接</a>
[/html]
2.使用Js批量去掉虚线框:
[html]
<script type=”text/javascript”>[……]

Read more

自适应宽度的容器的水平居中

首先,我们知道容器水平居中的一般方法,比如我们做一个水平居中的导航:

[html]

<div class=”header”>

<ul class=”nav”>

<li></li>

<li></li>[……]

Read more

神奇的HTML彩蛋

ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้

ค้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้

&#x0E0F[……]

Read more

Font Squirrel:在网页中使用自定义字体

当然,你可以首选谷歌的在线字库:http://www.google.com/webfonts/

但遗憾的是谷歌字库只能挑选他们的字体,不能用我们自己的字体。

所以你接下来可以选择:http://www.fontsquirrel.com/fontface/generator

首选选择[……]

Read more

dewplayer:网页音乐播放器

一款法国的基于flash的音乐播放器,demo非常详细。

传递门:http://www.alsacreations.fr/dewplayer.html[……]

Read more


TOP