css hack 和问题
浏览器特定的选择
当你想改变一个样式在一个浏览器而不是其他这些选择是非常有用的。
IE 6及以下
* html {}
IE 7及以下
*:first-child+html {} * html {}
IE 7只
*:first-child+html {}
IE 7和现代浏览器只
HTML> BODY {}
现代浏览器只(不是IE 7)
HTML> / ** / BODY {}
最近的歌剧版本9及以下
html:first-child {}
Safari浏览器
html[xmlns*=""] body:last-child {}
要使用这些选择器,将代码中的风格面前。例如:
#content-box {
width: 300px;
height: 150px;
}
* html #content-box {
width: 250px;
} /* 重写上面的风格,在IE 6及以下*改变了宽度为250像素 */
透明PNG在IE6
一个IE6的bug造成了很大的麻烦的是,它不支持透明的PNG图像。
你将需要使用一个过滤器,覆盖的CSS。
* html #image-style {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="filename.png", sizingMethod="scale");
}
移除链接点
Firefox的产生,大约链接出现,当你点击它们的点状轮廓。
这是简单的停止。只需添加outline:none:none给一个a标签
a {
outline: none;
}
应用宽度内联元素
如果你申请一个宽度为一个内联元素,将只工作inIE6。其实,这是IE6的故障-内联元素不应该需要有分配给它们的宽度。但是它往往是有用的,例如,如果你想在表单中所有的标签是相同的宽度。
所有的HTML元素或者是一个块或内联元素。内联元素包括跨度,一,强大的和EM。块元素包括的div,p,H1,形式和李。
你不能改变一个内联元素的宽度。解决的办法是从内嵌阻止更改的元素。
span {
width: 150px;
display: block
}
申请显示:块会变成跨度为一个块元素,允许您更改宽度。有一件事不过要注意的是块元素将总是开始一个新行,所以你可能需要使用浮点数为好。
围绕一个固定宽度的网站
要集中你的网站在浏览器内,相对定位添加到外层div,然后设置边距为自动。
#wrapper {
margin: auto;
position: relative;
}
图片替换技术
它始终是最好使用文字而不是标题的图像。在奇怪的时刻,当你必须有一个形象最好是使用背景图像与一个div内隐藏的文本。这对于屏幕阅读器和搜索引擎优化非常有用,因为它仍然使用普通的文本,所有与此相关的利益。
HTML:
<h1><span>Main heading one</span></h1>
CSS:
h1 {
background: url(heading-image.gif) no-repeat;
}
h1 span {
position:absolute;{
text-indent: -5000px;{
}
正如你可以看到,我们使用的是普通的HTML代码为H1标签,并使用CSS来替换图像中的文字。文本缩进将文本5000px的左侧,使得对用户不可见。
请尝试关闭你的CSS样式在您的网站,看看标题看起来。
最小宽度
在IE的另一个错误是,它不支持最小宽度。最小宽度是非常有用的,特别是对于有100%的宽度灵活的模板,因为它告诉浏览器停止收缩。对于所有浏览器,除了IE6的所有你需要的是min-width:Xpx; 。例如:
.container {
min-width:300px;
}
得到这个工作在IE6需要一些额外的努力!要开始你将需要创建2的div,一是嵌入到其他。
<div class=”container”>
<div class=”holder”>Content</div>
</div>
然后,你将需要最小宽度那张外层div。
.container {
min-width:300px;
}
现在,这是IE的黑客开始发挥作用。您将需要包括下面的代码。
* html .container {
border-right: 300px solid #FFF;
}
* html .holder {
display: inline-block;
position: relative;
margin-right: -300px;
}
随着浏览器窗口大小改变外层div的宽度减小,以适应直到它缩小到边框宽度,在这一点上不会进一步收缩,任意。持有人的div如下西装,也停止萎缩。外格边框宽度变内部div的最小宽度。
隐藏横向滚动
要删除水平滚动条,请将overflow-x: hidden;进入人体
body {
overflow-x: hidden;
}
如果你决定要具有较大的宽度比浏览器图片或Flash文件,这是非常有用的。
css hack 和问题的更多相关文章
- CSS Hack技术介绍及常用的Hack技巧集锦
一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CS ...
- CSS Hack
CSS HACK,网上有很多,主要是IE版本不同造成的,尽量不要用CSS HACK,实在调不过去可以用一用,相信以后随着IE低版本的淘汰,CSS HACK也将不在使用. 类内部HACK IE6识别 - ...
- css3复杂选择器+内容生成+Css Hack
1.复杂选择器2.内容生成3.多列4.CSS Hack(浏览器兼容性)=======================================1.复杂选择器 1.兄弟选择器 1.特点: 1.通过 ...
- CSS Hack解决浏览器IE部分属性兼容性问题
1.Css Hack 不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持.解析不一样,导致在不同浏览器的环境中呈现出不 ...
- IE9下css hack写法
ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下: select { background-color:red\0; ...
- 【荐】说说CSS Hack 和向后兼容
人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了.增长总是快于消亡导致了浏览器兼容是成了谈不完的话题.说 到浏览器兼容,CSS HACK自然而然地被我们想起.今 ...
- IE 6 ~ 9 CSS Hack 写法总结
IE 6 ~ 9 CSS Hack 写法总结 24th 四, 14 lip2up [code lang="css"]_color: red; /* ie6 */*color: ...
- [转]CSS hack大全&详解
转自:CSS hack大全&详解 1.什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的, ...
- 聊聊css hack
什么是CSS hack CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如 ...
- 常用的CSS Hack
一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CS ...
随机推荐
- merc_timer_handle_t函数的使用
merc_timer_handle_t,是定义一个时间类型,这个时间类型可以用来接收2个函数之间的wasted time 但是在项目中出现这个情况: 因为在脚本中添加了该函数:
- C#后台获取ajax传来的xml格式数据值
前台: var xml = "<root>"; if(Name!=null) { xml += "<name>"+Name +" ...
- 如何监控GPU使用情况并杀死指定其中进程
仰望高端玩家的小清新 http://www.cnblogs.com/luruiyuan/ 有时候我们常常会有一个需求是监控GPU指定情况,并且需要根据需要杀死GPU进程 这里介绍几个与之相关的指令: ...
- Linux命令之usermod
usermod [选项] 登录名 usermod修改用户基本信息. (1).常用选项 -d,--home HOME_DIR 用户的新主目录 -g,--gid GROUP 强制GROUP为新主组 -G, ...
- openstack首页默认跳转
在/var/www/html新建index.html <html> <head> <meta http-equiv="Content-Language" ...
- openssl-0.9.8k_WIN32(RSA密钥生成工具
韩梦飞沙 韩亚飞 313134555@qq.com yue31313 han_meng_fei_sha openssl-0.9.8k_WIN32(RSA密钥生成工具
- codevs 1226 倒水问题
1226 倒水问题 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold 题目描述 Description 有两个无刻度标志的水壶,分别可装 x 升和 y 升 ( x, ...
- luoguP3830 [SHOI2012]随机树 期望概率 + 动态规划 + 结论
题意非常的复杂,考虑转化一下: 每次选择一个叶节点,删除本叶节点(深度为$dep$)的同时,加入两个深度为$dep + 1$的叶节点,重复$n$轮 首先考虑第$1$问,(你看我这种人相信数据绝对是最大 ...
- 【推导】zoj3981 Balloon Robot
题意:一个桌子有m个位置(首尾相接),有n支队伍坐在其中的n个位置上.有个机器人会从某个起始位置出发,每个时刻会依次发生以下三个事件: 机器人顺时针转一个单位: 某些队伍通过了题目(如果存在): 如果 ...
- [COGS2427][HZOI 2016]seq
[COGS2427][HZOI 2016]seq 题目大意: 一个长度为\(n(n\le10^6)\)的序列,\(q(q\le10^6)\)次操作,每次将所有\(a\)变成\(b\),求最后的序列. ...