1、超链接访问过后hover样式就不出现的问题
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
a:link {
color:red;
}
a:hover {
color:blue;
}
a:visited {
color:green;
}
a:active {
colorrange;
}
</style>
</head>
<body>
<a href="#" mce_href="#">
web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全
</a>
</body>
</html>
解决方案：被点击访问过的超链接样式不在具有hover和active了，很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序：L-V-H-A
2、IE6的双倍边距BUG
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
body {
margin:0
}
div {
float:left;
margin-left:10px;
width:200px;
height:200px;
border:1px solid red
}
</style>
</head>
<body>
<div>
<a href="#" mce_href="#">web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</a>
</div>
</body>
</html>
解决方案：浮动后本来外边距10px，但IE解释为20px，解决办法是加上display:inline
3、FF下为什么父容器的高度不能自适应
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
div {
width:200px;
border:1px solid red
}
p {
float:left;
width:100px;
}
</style>
</head>
<body>
<div><p>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</p></div>
</body>
</html>
解决方案一：为什么这个P撑不开DIV呢？解决的办法是在div与p之间插入<div style="clear:both"></div>清除掉这个p的浮动
解决方案二：不用插入<div style="clear:both"></div>，只要去掉P的浮动属性，把float:left;去掉即可
4、IE下为什么图片下方有空隙产生
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
div {
border:1px solid red;
backgroundrange;
}
img {
width:276px;
height:110px;
}
</style>
</head>
<body>
<div>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" />
</div>
</body>
</html>
解决方案：这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动float:left或者相对IE6定义.left margin-right:-3px;
5、web标准中定义id与class有什么区别吗
解决方案：
一、web标准中是不容许重复ID的，比如div id="aa"一个页面中不容许重复2次，而class定义的是类，理论上可以无限重复的，这样需要多次引用的定义便可以使用他.class还可以同时引用多个类，不同的类之间用空格隔开
二、属性的优先级问题，ID的优先级要高于class，看上面的例子
三、方便JS等客户端脚本，如果在页面中要对某个对象进行脚本操作，那么可以给他定义一个ID，否则只能利用遍历页面元素加上指定特定属性来找到它，这是相对浪费时间资源，远远不如一个ID来得简单
6、如何垂直居中文本
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
div {
height:30px;
line-height:30px;
border:1px solid red
}
</style>
</head>
<body>
<div>web标准常见问题大全</div>
</body>
</html>
解决方案：给容器设置一个与其高度相同的行高就可以了
7、如何对齐文本与文本输入框
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
input {
width:200px;
height:30px;
border:1px solid red;
}
</style>
</head>
<body>
<input type="text" />aaaaaaaaaaaaaaaaaa
</body>
</html>
解决方案：遇到此种问题，设置文本框的vertical-align:middle就可以了
8、为什么FF下文本无法撑开容器的高度
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
div {
width:200px;
height:200px;
border:1px solid red
}
</style>
</head>
<body>
<div>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见</div>
</body>
</html>
解决方案：标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的，那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px;，这里为了照顾不认识min-height的IE6可以这样定义：
{
height:auto!important;
height:200px;
min-height:200px;
}
9、为什么无法定义1px左右高度的容器
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
div {
background:red;
}
</style>
</head>
<body>
<div> </div>
</body>
</html>
解决方案：IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如overflow:hidden|zoom:0.08|line-height:1px
overflow:hidden：这个方法对所有的浏览器都没用
zoom:0.08：这个方法对FF没用
line-height:1px：这个方法对所有浏览器都有用
10、怎么样才能让层显示在FLASH之上呢
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN" “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
div {
position:absolute;
top:20px;
left:20px;
width:200px;
height:200px;
background:red
}
object {
width:500px;
height:100px;
}
</style>
</head>
<body>
<div>web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</div>
<object type="application/x-shockwave-flash" data="http://gg.blueidea.com/2005/www/m533-104.swf">
<param name="movie" value="http://gg.blueidea.com/2005/www/m533-104.swf" />
</object>
</body>
</html>
解决方案：解决的办法是给FLASH设置透明<param name="wmode" value="transparent" />或者<param name="wmode" value="opaque" />
分享到：
相关推荐
### CSS十大绝秘技巧解析 #### 一、精简字体属性定义 在CSS中，我们经常需要设置元素的字体样式，包括字号、行高、字体加粗、斜体、小型大写字母以及字体类型等。一种更为简洁的方法是将这些属性合并到一个`font`...
CSS可能是腾讯云安全服务的缩写，它可能涉及云计算环境下的安全服务和解决方案。该报告聚焦于产业互联网领域，这意味着它将深入探讨在制造业、零售业、金融业等不同行业中，如何应对和解决网络安全挑战。 【产业...
### 服务器端编程的十大性能问题详解 #### 一、过多的数据库调用 在服务器端编程中，频繁地向数据库发起查询是非常常见的性能瓶颈之一。这种行为可能会导致以下几种情况： - **请求的数据量超出实际需求**：例如，...
### IE6十大兼容性问题详解 #### 一、使用正确的文档类型声明 为了确保IE6能够正确解析网页，首先需要在HTML文档的顶部添加正确的文档类型声明。这有助于浏览器识别文档所遵循的标准，并据此进行渲染。 **示例：*...
例如，报告提到物联网设备的碎片化和安全自动化检测的挑战，指出传统解决方案已无法满足需求，并建议产业链上下游合作，引入顶尖安全解决方案提供商，如腾讯安全，其科恩实验室可以提供漏洞扫描检测工具、安全专家...
7. **Responsablecss**：这款框架使用最小化的Sass代码，专注于提供高效的响应式解决方案，以最少的代码实现最佳的适应性。 8. **TukTuk**：TukTuk强调代码重用，提供高效的样式管理，使得添加和维护样式变得更加...
利用工具如Application Insights，收集实时性能数据，识别并解决性能问题。 通过上述方法的综合运用，可以显著提升ASP.Net应用程序的性能，为用户提供更流畅、更快速的服务体验。在实际开发过程中，开发者应结合...
本资源“网页设计技巧及网页制作常见问题”旨在帮助设计师和开发者解决实际工作中遇到的问题，提升网页设计的质量与效率。以下是根据标题、描述和标签提炼出的一些关键知识点： 1. **常见问题解答**： - 代码兼容...
这不仅意味着跟进行业动态，学习最新的编程语言和框架，还需要培养解决问题的能力和创新思维，以便在遇到未知挑战时能够迅速找到解决方案。 #### 结论 提高Java水平的过程是一场马拉松，而非短跑。它需要时间、...
- 开始接触数据结构与算法等内容，提升问题解决能力。 - **进阶学员**： - 深入研究前端图形学与设计模式。 - 探索前端跨界技术领域，如Electron应用开发。 - 注重网络安全知识的学习与实践。 通过以上内容的...
对于移动平台的架构设计，应注重分层，从模型到模式，响应变化，提高研发效率，规范标准，实现组件化UI和碎片化应用组装，打造一体化的移动解决方案。 在技术选型上，移动平台的发展趋势呈现为跨平台技术的延伸，...
**亮点**：正如其名，“懒人图库”专注于提供便捷高效的素材解决方案，适合那些希望快速完成设计任务而又不想投入过多精力的用户。通过精挑细选的素材集合，帮助用户节省时间、提高效率。 **缺点**：站点素材数量...
**总结**: 上述介绍的六款CMS系统各有特色，从DEDECMS的开源性和可扩展性，到PageAdminCMS的易用性和个性化设计，再到ECMS的强大功能集合，以及PHPCMS的模块化设计，动易CMS的全面解决方案，最后到PHP168内容管理...
虽然 Visual Studio 2008 也提供了类似的功能，但对于没有 VS2008 的用户来说，SQL Delta 提供了一个很好的解决方案。 - **特点**: 支持多种数据库管理系统、可自定义比较规则、生成 SQL 脚本同步差异等。 #### 9. ...
本篇文章将深入探讨如何使用JavaScript实现十大经典排序算法，帮助开发者更好地理解和运用这些算法。 1. 冒泡排序（Bubble Sort） 冒泡排序是一种简单的排序方法，通过重复遍历待排序的数组，比较相邻元素并交换...
开发者需要熟悉平台的API和SDK，以构建高效可靠的物联网解决方案。 6. **安全性**：物联网设备的安全性至关重要，包括设备认证、数据加密、防止恶意攻击等。开发者需学习物联网安全标准和实践，如OAuth、TLS/SSL、...
无论是开发创新的硬件解决方案还是创建丰富的用户界面，Java都能提供强大的支持，难怪作者说“如果你没有体会过这些软件，似乎就没学过Java”。通过深入了解和使用这些应用程序，Java开发者可以拓宽视野，发掘Java更...
【标题】: "2008十大优秀Java应用程序...这些Java应用程序的多样性表明，无论是在嵌入式系统、3D图形、Web开发、多媒体处理还是办公应用，Java都能提供高效、跨平台的解决方案，证明了Java语言的广泛适应性和灵活性。
直播聚合源码是一种用于网页直播平台的技术解决方案，它允许用户在一个网页上聚合多个直播源，提供一站式的观看体验。在给定的压缩包文件中，我们可以看到构成这种聚合功能的关键文件和目录，包括： 1. **index.php...
理解问题域是指开发者需要深入理解自己所从事的业务领域，这样才能更好地设计出符合实际需求的解决方案。例如，如果是一名医疗行业的Web开发者，就需要了解医疗领域的基本知识和法规要求。 #### 八、使用敏捷方法 ...