求一段可以兼容ie6 7 8 9 10 火狐 谷歌 搜狐等浏览器的通用兼容代码。我本人用的ie11
发布网友
发布时间：2022-04-20 17:35
共2个回答
懂视网
时间：2022-04-20 21:56
对于遮罩的实现，将遮罩层、按钮、图片放置在同一个div中，根据absolute的位置跟随特性，将遮罩层和按钮放在图片的前面，position均设置为absolute不占据任何空间。设置遮罩层的颜色和透明度，由于颜色和透明度会设置到整个遮罩层及其子元素的透明度，如果将按钮图片放在遮罩层内，按钮图片也会有透明度，达不到所要的视觉效果，所以将遮罩层和按钮图标设置为平级。
然而，在IE7、8中，background-color中rgba并不能表现出遮罩层的效果，所以要将红框内颜色及透明度的写法换一种：
这样就实现了题目提到的各个浏览器的一致的视觉效果：
热心网友
时间：2022-04-20 19:04
小范围的修改建议：
IE6，IE7，firefox : background:orange;
*background:green;_background:blue;
【注：:不管是什么方法，书写的顺序都是firefox的
写在前面，IE7的写在中间，IE6的写在最后面。】
或则用！important 区分。
浏览器/符号 IE6 IE7 FF(FireFox)
*(星号) √ √ ×
!important × √ √
_(下划线) √ × ×
一般用这个方法做小范围的修改
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。追问请给一段示例代码
