前端交互 - 等待-放飞梦想

前端交互

html、css、JavaScript、jQuery一切与前端相关的东东

CSS图片垂直居中方法整理

Await / 前端交互 / 2008/08/18 8:48

1.标准浏览器方法:

* {margin:0;padding:0}
div {
width:500px;
height:500px;
border:1px solid #ccc;
overflow:hidden;
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle
}
div p {
position:static;
+position:absolute;
top:50%
}
img {
position:static;
+position:relative;
top:-50%;left:-50%;
width:276px;
height:110px
}

<div><p><img src="http://www.idods.com/images/logo.jpg" /></p></div>

2.标准浏览器下另类方法:
继续阅读

CSS display img 垂直居中

去掉链接时虚线框的几个方法

Await / 前端交互 / 2008/08/15 4:17

我想很多朋友都遇到这个问题，当点击一个链接的时候，总会出现一个虚线框。
在这介绍几种去除的方法：
1.直接给链接加是onfocus=”this.blur()”.

<a href="#" onfocus="this.blur()">链接</a>

2.CSS实现
继续阅读

CSS jQuery link onfocus 前端交互

JavaScript实现WordPress自由颜色主题切换

Await / WP相关前端交互 / 2008/08/14 1:16

关于自由切换颜色的主题目前有些主题自带这个功能了见下图：

现在来谈谈怎么实现这样一个功能。其实很简单的。不管是换颜色和主题，原理都是一样的，即通个调用不同的CSS来替换掉当前的CSS而实现的；

CSS style Theme 前端交互

Web标准常见问题集合[不断更新]

Await / 前端交互 / 2008/08/14 1:05

1.超链接访问过后hover样式就不出现的问题

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A

2.FF下如何使连续长字段自动换行

众所周知IE中直接使用word-wrap:break-word 就可以了, 这里FF中我们使用JS插入的方法来解决

CSS web xhtml 标准

Top