博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS浏览器兼容性问题集()两
阅读量:6376 次
发布时间:2019-06-23

本文共 1952 字,大约阅读时间需要 6 分钟。

11.非常适合   
高度适合于被改变时所述内目标高度的外层的高度不能自己主动调节,尤其是排队对象时margin 要么paddign 时。

   

例:  
#box {background-color:#eee; }    
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }    
<div id="box">    
<p>p对象中的内容</p>    
</div>    
解决方法:在P对象上下各加2个空的div对象CSS代码:.1{height:0px;overflow:hidden;}或者为DIV加上border属性。

12 .IE6下为什么图片下有空隙产生
解决这个BUG的方法也有非常多,能够是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为vertical-align:top | bottom |middle |text-bottom 都能够解决. 
13.怎样对齐文本与文本输入框
加上 vertical-align:middle;
<style type="text/css">
<!--
input {
    width:200px;
    height:30px;
    border:1px solid red;
    vertical-align:middle;
}
-->
</style>
14.web标准中定义id与class有什么差别吗
一.web标准中是不容许反复ID的,比方 div id="aa"  不容许反复2次,而class 定义的是类,理论上能够无限反复, 这样须要多次引用的定义便能够使用他.
二.属性的优先级问题
ID 的优先级要高于class,看上面的样例
三.方便JS等client脚本,假设在页面中要对某个对象进行脚本操作,那么能够给他定义一个ID,否则仅仅能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单. 
15. LI中内容超过长度后以省略号显示的方法
此方法适用与IE与OP浏览器
<style type="text/css">
<!--
li {
    width:200px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    }
-->
</style>
16.为什么web标准中IE无法设置滚动栏颜色了
解决的方法是将body换成html
<!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" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
html {
    scrollbar-face-color:#f6f6f6;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#eeeeee;
    scrollbar-3dlight-color:#eeeeee;
    scrollbar-arrow-color:#000;
    scrollbar-track-color:#fff;
    scrollbar-darkshadow-color:#fff;
    }
-->
</style> 
17.为什么无法定义1px左右高度的容器
IE6下这个问题是由于默认的行高造成的,解决办法也有非常多,比如:overflow:hidden | zoom:0.08 | line-height:1px
18.怎么样才干让层显示在FLASH之上呢
解决的办法是给FLASH设置透明
<param name="wmode" value="transparent" />
19.如何使一个层垂直居中于浏览器中
这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
<style type="text/css">
<!--
div {
    position:absolute;
    top:50%;
    lef:50%;
    margin:-100px 0 0 -100px;
    width:200px;
    height:200px;
    border:1px solid red;
    }
-->
</style>

版权声明:本文博主原创文章,博客,未经同意,不得转载。

你可能感兴趣的文章
js 字符串操作函数集合
查看>>
nullnullCF 312B(Archer-等比数列极限求和)
查看>>
消息函数windows 程序设计 第三章 (下)
查看>>
java中调用web中的jsp或servlet去通知它们做一些操作
查看>>
Javascript 坦克大战
查看>>
JavaScript自动设置IFrame高度(兼容各主流浏览器)
查看>>
Linux内核中__init, __initdata, __initfunc(), asmlinkage, ENTRY(), FASTCALL()等作用
查看>>
leetcode -- Two Sum
查看>>
Windows多线程
查看>>
Resolve PSExec "Access is denied"
查看>>
C语言局部变量和全局变量问题汇总
查看>>
android 下的网络图片加载
查看>>
Paip.语义分析----情绪情感词汇表总结
查看>>
Linux下软件安装,卸载,管理
查看>>
View Programming Guide for iOS_读书笔记[正在更新……]
查看>>
排查VMWare虚拟机的性能问题
查看>>
yum安装Apache Web Server后各个文件存放位置
查看>>
一些基础密码算法的实现
查看>>
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
查看>>
Android于JNI调用列出的程序
查看>>