CVCommunity-Asp.Net技术官方  - Web客户端技术 - web标准常见问题集合
皮肤模板 XML RSS 订阅 使用帮助

 

 

发表主题回复主题
44/10‹‹1234...5››

web标准常见问题集合

上一主题 | 下一主题 | 奖励记录 | 收藏主题

凉血

UID:547
只看楼主   ¦   大 中 小   #1
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

大家不要急 一个个来~！

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
a:link {
color:red
}
a:hover {
color:blue
}
a:visited {
color:green
}
a:active {
color:orange
}
-->
</style>
<a href="#">web标准常见问题大全</a>

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

 
[帮助] 关于CVC1.0等级、用户组、基本权限、管理权限的简单说明
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #2
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
-->
</style>
<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<script type="text/javascript">
// <![CDATA[
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"&#10;";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+="&#10;"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById  &&  !document.all)  toBreakWord(37)
// ]]>
</script>

众所周知IE中直接使用    word-wrap:break-word 就可以了, 这里FF中我们使用JS插入&#10;的方法来解决
Time: 07-10-26 13:02

 
[帮助] CVCommunity社区论坛系统安装向导
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

inwing

UID:4943
 大 中 小   #3
  • 等级:6级
  • 昵称：Mr Q
  • 组别：中级会员
  • 积分：648
  • 金币：622

优秀会员 
好
Time: 07-10-26 13:02

酷码网
 
[帮助] CVCommunity社区论坛系统安装向导
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #4
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

晕了 楼上的，我还没发完呢，别捣乱
Time: 07-10-26 13:04

 
[帮助] 关于CVC1.0等级、用户组、基本权限、管理权限的简单说明
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #5
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

无视 继续

3.ff下为什么父容器的高度不能自适应
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
div {
width:200px;
border:1px solid red
}
p {
float:left;
width:100px;
}
-->
</style>
<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>

为什么这个P撑不开DIV呢？解决的办法是在div 与 p 之间插入<div style="clear:both"></div>清除掉这个p的浮动
Time: 07-10-26 13:05

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #6
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

4. IE6的双倍边距BUG
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
body {
margin:0
}
div {
float:left;
margin-left:10px;
width:200px;
height:200px;
border:1px solid red
}
</style>
<div>
<a href="#">
web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全
</a>
</div>

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline
Time: 07-10-26 13:07

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #7
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

5. IE6下绝对定位的容器内文本无法正常选择的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
div {
position:absolute;
top:100px;
left:100px;
width:200px;
height:200px;
border:1px solid red
}
</style>
<div>
<a href="#">
web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全
</a>
</div>

上面的问题在IE6、7中存在，解决问题的办法是让IE进入到quirks mode。关于quirks mode的相关知识，请参考：http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx?mfr=true
Time: 07-10-26 13:08

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #8
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

6. IE6下为什么图片下方有空隙产生

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
div {
border:1px solid red;
background:orange;
}
img {
width:276px;
height:110px;
}
-->
</style>
<div>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" />
</div>

解决这个BUG的方法也有很多，可以是改变html的排版，或者设置img 为display:block

或者设置vertical-align属性为vertical-align:top | bottom |middle |text-bottom
都可以解决.
Time: 07-10-26 13:09

 
暂时空缺
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #9
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

7. IE6下这两个层中间怎么有间隙

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
.left {
float:left;
width:100px;
height:100px;
background:red
}
.right {
width:100px;
height:100px;
background:orange
}
-->
</style>
<div class="left">aaaaaa</div>
<div class="right">aaaaaa</div>

这个IE的3PX BUG也是经常出现的，解决的办法是给.right也同样浮动 float:left 或者相对IE6定义.left margin-right:-3px;
Time: 07-10-26 13:10

 
[帮助] 关于CVC1.0等级、用户组、基本权限、管理权限的简单说明
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   

凉血

UID:547
楼主¦  大 中 小   #10
  • 等级:5级
  • 昵称：神经正常
  • 组别：中级会员
  • 积分：533
  • 金币：261

8. list-style-image无法准确定位的问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" c />
<style type="text/css">
<!--
li {
list-style:url("http://bbs.blueidea.com/attachments/2006/11/10/arrowb_kJrcZheJmiIF.gif");
}
li a {
position:relative;
top:-5px;
font:12px/25px 宋体;
}
-->
</style>
<ul>
<li><a href="#">web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全</a></li>
<li><a href="#">web标准常见问题大全</a></li>
</ul>

这个list-style-image的定位问题也是经常有人问的，解决的办法一般是用li的背景模拟，这里采用相对定位的方法也可以解决
Time: 07-10-26 13:18

 
[帮助] CVCommunity社区论坛系统安装向导
›› 举报 ¦ 奖励 ¦ 引用 ¦  TOP   
发表主题回复主题
44/10‹‹1234...5››