safari only css hack,css hack将Safari和Chrome同时作为目标单独使用
我设法找到一种方法,分别针对: 仅Firefox IE9只 IE8仅 IE7仅
但是......我看不到单独针对Chrome和Safari。我发现了几种适用于Chrome和Safari的技术。一些技术应该瞄准一个或另一个...但是它们相互搭讪,因此最后一个适用于两者。
我已经设置了一个JS小提琴来展示各种技术,并显示浏览器的匹配颜色。任何人都可以帮我找到针对SEPARATELY Safari和Chrome的秘诀吗?
这里是CSS:
#tester {
font-weight:bold;
padding:10px;
margin:5px;
color: #FFF;
border:#00F solid 4px\9; /* IE8 and below */
*border:#FF0 solid 4px; /* IE7 and below */
-bracket-:hack(;
border:#0FF solid 4px; /* Chrome only*/
);
}
:root #tester{
border:#0F0 solid 4px \0/IE\9; /* IE9 +IE10pp4 */
}
@-moz-document url-prefix() { #tester { border:#F00 solid 4px; /* Firefox only*/ } }
@media all and (-webkit-min-device-pixel-ratio: 0) { #tester { border: #F0F solid 4px; /* Safari */ } }
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
#tester {
border: #F90 solid 4px;
}
}
下面是HTML:
Browser match
任何帮助将不胜感激! :)
2013-03-01
lbriquet
safari only css hack,css hack将Safari和Chrome同时作为目标单独使用相关推荐
- 浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer
浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的 ...
- [css] 什么是hack?css的hack有哪些?
[css] 什么是hack?css的hack有哪些? 一.总结 1.CSS hack:由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chr ...
- 什么事css+hack,css hack的理解
什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持.解析不一样,导致在不同浏览器的环境中呈 ...
- css什么是hack,CSS中hack是什么意思
CSS中的hack就是针对不同的浏览器和版本来写不同的CSS样式,使其能呈现出我们想要的页面效果 CSS hack主要是用来解决浏览器的兼容问题,能够针对不同的浏览器去写不同的CSS,而且还能在不同的 ...
- CSS浏览器兼容性----Hack
CSS Hack大致有3种表现形式,CSS类内部Hack.选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器. 类内部Hack:比如 IE6能识别下划线&qu ...
- 兼容之css中的hack
Hack有三种方式,谈谈其中之一的css中的hack兼容 常见的css属性hack: /* CSS属性级Hack */ color:red; /* 所有浏览器可识别*/ _color:red; /* ...
- CSS Core CSS hack CSS优化
web前端2021–小白进阶之路CSS3(2) CSS Core 复杂选择器 兄弟选择器 (1)相邻兄弟选择器 选择器1+选择器2{} 要求匹配选择器2紧挨着选择器1,修改选择器2的样式 (2)通用兄 ...
- css ie9 打印 hack,IE9下css hack写法
ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下: select { background-color:red\0; ...
- 学无止境的CSS(xHTML+CSS技巧教程资源大全)
本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准 要玩游戏,就得先了解规则.要 ...
最新文章
- 最新数据分析教程资源合集(案例、数据集、SQL教程、分析样板、面经、简历、PY教程... )...
- 山海经鸿蒙手游iOS 版本,山海经鸿蒙异兽iOS版
- python递归迭代_Python入门基础知识点(python迭代器和递归)
- python写进程_将数据作为后台进程在Python中写入磁盘
- PPT,要你好看(全彩)pdf
- WebRTC之gn与ninja(十三)
- 我的CSS笔记(一)
- C++--第20课 - 函数模板
- FISCO BCOS 区块最大最长交易执行时间
- 方差、协方差和皮尔森相关系数
- 物联网人工智能软件市场现状研究分析报告 -
- Vista系统Administrator帐户的激活与禁用
- java phaser 实用场景_猿灯塔-Phaser 使用介绍
- 快速打开 控制面板下网络和 Internet下的网络连接
- Laravel学习记录--访问器与修改器
- 云服务器gitlab,云服务器CentOS7.4下搭建GitLab
- 2. 匈牙利命名法
- 2020“数维杯”国际大学生数学建模竞赛赛题分析
- 外设测试 - FAN 接口测试
- 激光器仿真:(7)半导体+波导混合锁模激光器