解决火狐，谷歌，ie兼容性问题

最新推荐文章于 2020-07-21 11:20:31 发布
原创 最新推荐文章于 2020-07-21 11:20:31 发布 · 972 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#火狐 #谷歌 #ie

本文介绍了一种通过CSS实现浏览器兼容性的方法，特别关注了不同浏览器（如火狐、谷歌和IE）对于同一样式属性的支持差异，并提供了具体的代码示例。 
.lc-bx1 {
   width: 112px!important; //火狐
   width: 125px;       //谷歌
   width: 104px\9;        //ie6以上
}


 


                

        

    


  



    



                



	

		

			

				
					
IE、谷歌、火狐浏览器兼容性、默认属性样式总结

				
			

			

				

					ALLEN的博客
				

				

					03-06
					
					6599
					
				

			

		

		

			
				
IE1、去掉input框中自动添加的 X 和 眼睛图标情境：在 IE 浏览器下的 input 框中，输入内容时：  1、 type = text 会自动生成一个 X。 
  2、 type = password 会自动生成一个眼睛的图标。解决：有时为了保证浏览器之间的一致性，就需要将这个样式取消掉// 去掉IE input X 和 眼睛图标
input::-ms-clear,::-ms-reveal

			
		

	



                

            
              



	

		

			

				
					
wangEditor2版本兼容IE8浏览器

				
			

			

				

					03-29
				

			

		

		

			
				
包含wangEditor2源代码 ，及代码说明，适用谷歌，火狐，ie8等浏览器

			
		

	



              


  
              

                


	

		

			

				
					
在线测试所有浏览器的兼容性

				
			

			

				

					weixin_34088838的博客
				

				

					06-26
					
					106
					
				

			

		

		

			
				
web开发者的福音[url]http://browsershots.org/[/url]

			
		

	





	

		

			

				
					
用js实现复制内容到操作系统粘贴板(兼容IE、谷歌、火狐等浏览器)

				
			

			

				

					weixin_30616969的博客
				

				

					12-26
					
					957
					
				

			

		

		

			
				
一、如果只考虑IE浏览器，可以直接用原声js实现

if(window.clipboardData){
    //清空操作系统粘贴板
    window.clipboardData.clearData();
    //将需要复制的内容复制到操作系统粘贴板    
    window.clipboardData.setData("Text", "要复制的内容");
}


...

			
		

	



		

			
		



	

		

			

				
					
JavaScript入门

				
			

			

				

					了凡
				

				

					05-11
					
					5264
					
				

			

		

		

			
				
JavaScript入门浏览器对象window对象window对象方法： 
confirm消息对话框 
语法为confirm(str);，点击”确定”按钮，返回true，点击”取消”按钮时，返回false。 
prompt 消息对话框 
语法为prompt(str1, str2);
str1: 要显示在消息对话框中的文本，不可修改
str2：文本框中的内容，可以修改
返回值：
点击确定按钮，文本框中

			
		

	





	

		

			

				
					
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

				
			

			

				

					12-01
				

			

		

		

			
				
总的来说，解决JavaScript兼容性问题的关键在于理解各种浏览器的差异，并使用适当的条件判断、polyfill库或编译工具来实现跨浏览器兼容。此外，持续关注浏览器的更新和新特性的普及，及时调整开发策略，也是确保代码...

			
		

	





	

		

			

				
					
IE和Firefox之间兼容性问题

				
			

			

				

					04-17
				

			

		

		

			
				
本文将详细探讨IE浏览器和Firefox浏览器之间的兼容性问题，并提供一些解决方案。  #### 二、CSS浏览器兼容性概述 CSS（Cascading Style Sheets）是用于描述HTML文档外观和格式的语言。不同的浏览器可能对CSS的支持...

			
		

	





	

		

			

				
					
JS解决position:sticky的兼容性问题的方法

				
			

			

				

					10-19
				

			

		

		

			
				
总体来说，文章通过一个Vue组件来演示了如何解决position:sticky在不同浏览器中的兼容性问题，特别是针对安卓端的不兼容问题。这个方法主要是通过判断浏览器是否支持position:sticky，如果不支持，则利用JavaScript...

			
		

	





	

		

			

				
					
JS实现pasteHTML兼容ie,firefox,chrome的方法

				
			

			

				

					11-22
				

			

		

		

			
				
然而，不同的浏览器对粘贴操作的处理方式各不相同，这给跨浏览器的开发带来了挑战。...在实际开发中，还可以考虑使用库或框架，如jQuery，它们已经处理了许多浏览器兼容性问题，可以让我们的工作更加轻松。

			
		

	





	

		

			

				
					
li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)

				
			

			

				

					09-25
				

			

		

		

			
				
在网页设计中，浏览器兼容性问题常常困扰开发者。本文将探讨一个特定的案例：`li` 元素在 IE 和 Firefox 浏览器中的行高不一致问题以及如何解决这个问题。  `li`（列表项）元素在不同浏览器中可能会由于默认样式或...

			
		

	





	

		

			

				
					
WEB前端：浏览器（IE+Chrome+Firefox）常见兼容问题处理--01

				
			

			

				

					weixin_30414155的博客
				

				

					05-14
					
					1080
					
				

			

		

		

			
				
兼容问题目录

1、IE6下怪异盒模型 
2、IE6下最小高度问题 
3、IE6下不支持1px的点线 
4、IE6下内容会把父级的高度撑开 
5、IE6下只支持给a标签添加伪类 
6、IE67下不支持给块标签加display:inline-block 
7、IE8以及IE8以前的浏览器都不支持opacity

后续兼容性问题处理链接地址：

http://blog.csdn.n...

			
		

	





	

		

			

				
					
关于IE,360，火狐，谷歌中遇到的几个兼容性问题的总结

				
			

			

				

					卫斯理
				

				

					04-09
					
					4778
					
				

			

		

		

			
				
1  垂直居中问题

			
		

	





	

		

			

				
					
关于火狐和谷歌浏览器中遇到的一些兼容问题

				
			

			

				

					邱健的博客
				

				

					03-20
					
					6143
					
				

			

		

		

			
				
这是在 chrome 浏览器显示的画面， 正常



这是在 Firefox 浏览器显示的画面， 不正常

排查过程：

1：先把两个浏览器的缓存进行清空 或者按下 Ctrl + F5。 再次对比查看发现还是一样。

2：定位到 这一段代码的样式进行查看



3：发现这个框太小于是拉宽 width: 113px ，并没有起到作用，是不是层级出现了问题 于是把 z-inde...

			
		

	





	

		

			

				
					
在网页中插入FLV视频，经测试兼容IE、火狐、谷歌等浏览器

				
			

			

				

					pangwenquan5的专栏
				

				

					08-07
					
					5512
					
				

			

		

		

			
				
比较目前，所有的浏览器都支持FLASH。所以，这个方法大众普遍都很接受，优酷、土豆等在线视频就是使用的FLASH的。

本例播放器使用Flvplayer.swf。播放器在下文的demo文件中。网页中插入代码的如下：

 

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://downloa...

			
		

	





	

		

			

				
					
一个能够兼容IE6,IE8,IE9,IE10,IE11,谷歌，火狐，360等常见的10个浏览器的HTML头部信息配置代码

					
热门推荐

				
			

			

				

					涂作权的博客
				

				

					01-11
					
					1万+
					
				

			

		

		

			
				
首页

			
		

	





	

		

			

				
					
IE 火狐 谷歌  对时间格式的兼容性

				
			

			

				

					weixin_42716945的博客
				

				

					07-21
					
					791
					
				

			

		

		

			
				
在项目中 如果用到时间格式的话 就会发现不同浏览器对时间格式的正确展示是有差别的

接下来 步入正题哈

在IE中 时间格式如果用横杠来显示 “2020-07-10 10:20:00” 是可以正确识别的(如果用斜杠,IE也可以正确识别),

但是如果是火狐,则只能识别斜杠模式 “2020/07/10 10:20:00”

谷歌 可以正确识别new Date( startTime).getTime(）的格式 一般我不做特别处理



一般我做时间格式处理 主要是针对 火狐浏览器的哈

接下来 需要判断...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值