关于一些CSS效果在Safari浏览器中不能成功

我建了一个网站，在菜单中使用了纯CSS下拉菜单的效果。在FF和IE8都能正常显示，可是在Safari浏览器就不能正常显示了。连部分的hover伪类效果也不能显示出来。

想请教下解决方法。谢谢

推荐答案 2009-09-24

兼容问题..在一些浏览器当中...有的时候写下拉菜单只需要加上hover{display:block;}它就会显示..但是有些浏览器没有遵循W3C的标准..它就不会显示..比如..IE6..但是在火狐当中它就可以...所以有些浏览器里..最好加上JS的代码..这样保证不同浏览器之间的兼容问题...或许你使用的SAFARI的版本不支持标准..换个好点的版本..或者换火狐4下..而且IE8的标准肯定要比IE6高很多...

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/UUxvx9iv2.html

其他回答

第1个回答 2009-09-20

你肯定是使用了非标准的css属性，就正常来说Safari对标准css支持要好于ie的，要不google也不会用webkit做内核。

相似回答

为啥CSS3 animation在chrome下可以,Safari不可以答：animation是css3的新属性，尚处于实验阶段，各种不同内核的浏览器都在进行试验中，也就是说animation在不同的浏览器中其支持程度、运行效果等方面是存在差别的，因此为了保证网页在各种浏览器中的兼容性，就要给animation添加各种浏览器特有的前缀，比如说 -webkit-animation 只有webkit内核的浏览器才能识别并...

css3动画改变transform:rotate(),暂停“paused”在Safari中失效答：加一个webkit试试，-webkit-animation-play-state

...我这句话在IE中有效在其它的浏览器中就没效(Opera)答：其余浏览器，包括firefox，chrome，opera，Safari都不支持。要在这些版本设置透明度，可用opacity属性，支持的浏览器包括IE 9.0，Firefox，Safari，Chrome，opera。opacity取值在0到1之间浮动以下是示例代码 <!DOCTYPE html> opacity_CSS参考手册_web前端开发参考手册 h1{margin:10px 0;font-size:16...

如何调试 iPhone Safari 浏览器 的CSS兼容问题答：1:doctype没声明,带来的IE浏览器盒模型解析bug 解决: 进行xhtml 正确声明,如strict声明 2:浏览器的初始值不同带来的.解决:进行css初始化.3:自身代码不规范带来的bug,解决:面壁 4:浏览器的bug带来的.4.1 IE6, 有双倍margin bug 是指:浮动方向上的margin值会加倍.例如: 某元素 float:left; ...

菜鸟求助:在safari中不管用?答：那是因为 align="center"并不是所有浏览器都能用，IE8本来就不遵守W3C标准，只用它自己的标准。你可以在body里加 margin:auto; 或者在table外面加个div 给div加margin:0 auto 样式就好了。你以后会知道很多标准就是被IE搞坏的。。。需要换很多浏览器测试 ...

Safari浏览器无法显示图片,怎么破?答：1、macOS 10.13.5 系统升级以后，Safari浏览器无法显示图片。2、经过检测，发现出现很多的跨域问题，，显示资源加载失败 Failed to load resource: the server responded。3、macOS系统的safari浏览器可以用（菜单-- 开发---停用跨源限制）暂时性解决，一旦新创建浏览器页面之后，依旧不显示。4、追加...

大家正在搜

safari浏览器怎么用不了 safari浏览器打不开网页 safari浏览器好用吗如何打开safari浏览器 safari浏览器无法打开网页 safari浏览器怎么设置浏览器不能打开网页 Puffin浏览器在浏览器打开