cssbackground在ie8浏览器不执行这段代码

author author     2023-04-25     341

关键词:

background: url(../img/bgss.png) no-repeat center center/100% 100%;

background-size属性(即斜杠后面的两个100%)属于css3,要IE9+才支持。如果与其他background属性合起来写,就会使整个background属性失效,所以要想使它在IE8也有效果(当然没有背景图像的拉伸效果)就要这样:
background: url(../img/bgss.png) no-repeat center center;
background-size:100% 100%;追问

图片发生错位了

追答

那当然,因为IE8不支持background-size:100% 100%;

我上面这样写的原因是为了让其他标准浏览器(如Chrome、FireFox、IE9+等)能够正常显示,而IE8中就只能另想办法了(比如说可以用两个层,图片放在底层的img标签中,这样就可以任意拉伸和变大小,主体内容则放到上面的漂浮层中)。

参考技术A 后面两个100%去掉,单独写个background-size来设置。。。

cssbackground-sizehtc无效的几种情况

使用了兼容ie8的background-sizehtc,如果是display:block的元素,它的背景显示是没问题的,但是如果这个元素display:none,则背景不显示,或者,这个元素是个伪元素,也不显示,迫于赶工期,不使用背景了,直接增加一个图片元素,一切都ok了 &nbs... 查看详情

jplayer 在 ie8 中不工作,但在其他浏览器中很好

】jplayer在ie8中不工作,但在其他浏览器中很好【英文标题】:jplayernotworkinginie8butisfineinotherbrowsers【发布时间】:2012-03-1822:32:56【问题描述】:我的jplayer无法在ie8中运行。我尝试将swfpath移动到根站点,因为这似乎是某些人的解... 查看详情

jq兼容ie8

jquery从2.0开始不支持IE8,最后支持IE8的版本是1.9判断IE浏览器版本是不是IE8这段代码只有IE8可识别:<!--[ifIE8]>仅IE8可识别<![endif]-->最终代码:<scripttype="text/javascript"src="<%=path%>/js/jquery-3.1.1.min.js"></script 查看详情

在ie8及以下的浏览器中,不支持placeholder属性的解决办法

以下代码解决了在IE8及以下浏览器中不支持placeholder属性。原理:将placeholder的值作为内容写入控件,并添加控件事件来进行模拟。;(function(){if(!(‘placeholder‘indocument.createElement(‘input‘))){//匹配除type=password以外所有input、textarea$... 查看详情

cssbackground-image的定义和用法

background-color属性设置元素的背景颜色。background-color属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些... 查看详情

cssbackground属性

CSSbackground属性定义和用法background简写属性在一个声明中设置所有的背景属性。可以设置如下属性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image如果不设置 查看详情

header/footer/nav 标签——在 IE7、IE8 和不支持 HTML5 的浏览器中会发生啥?

】header/footer/nav标签——在IE7、IE8和不支持HTML5的浏览器中会发生啥?【英文标题】:header/footer/navtags-whathappenstotheseinIE7,IE8andbrowsersthandon\'tsupportHTML5?header/footer/nav标签——在IE7、IE8和不支持HTML5的浏览器中会发生什么?【发布时... 查看详情

强制不使用“兼容性视图”的html代码

在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码。X-UA-Compatible是一个设置IE浏览器兼容... 查看详情

IE8不透明度不起作用[重复]

...图让不透明度在IE8中工作(不是真正的IE8,更像IE9中的IE8浏览器模式),并且由于某种原因,不透明度没有得到应用。这是我为CSS准备的内容。nava:hovercolor:#fff;back 查看详情

如何 - 如果使用 IE8 不加载网页内容

...级IE。我想做更多...我想做的是,除了显示“抱歉,您的浏览器不符合查看此站点的要求”之类的消息之外,还显示该横幅。我不希望它加载任何其他页面内容。有没有办法说不要在IE的if 查看详情

这段代码有啥问题?执行后不显示任何输出

】这段代码有啥问题?执行后不显示任何输出【英文标题】:whatiswrongwiththiscode?it\'snotshowinganyoutputafterexecuting这段代码有什么问题?执行后不显示任何输出【发布时间】:2020-12-2710:53:53【问题描述】:该函数必须返回一个整数数... 查看详情

如何在 IE8 浏览器中播放 html5 视频

】如何在IE8浏览器中播放html5视频【英文标题】:Howtoplaythehtml5videoinIE8Browsers【发布时间】:2011-10-1820:18:42【问题描述】:我已经开发了一个MVC3应用程序,我在运行应用程序时使用了html5视频控件,它在Chrome中播放,但是当我尝... 查看详情

layui文件上传不兼容ie8怎么解决

...前面的复选框的勾选去掉,然后才能勾选上面两个,查看浏览器地址栏的变化设置完毕后,单击【关闭】即可。然后查看地址栏如下,可以看到,增加了一个按钮,它叫”兼容性视图”,这样在浏览网站的时候,就可以根据不同... 查看详情

jqgrid不兼容ie8浏览器,该怎么处理

参考技术A换1.4的。。jq高版本不支持ie8 查看详情

Modernizr.load 在 IE7/IE8 中不提供输入和文本区域占位符支持

...MathiasBynens相当不错的jQueryplaceholderplugin在本身不支持它的浏览器中显示mysite中的占位符。我 查看详情

ie8在ie8使用button时需要为标签指定相应的type类型

在日常开发的时候我们会知道button按钮在不设置type属性时,在不同的浏览器作用不一样。强烈建议大家在使用button时需要为标签指定相应的type类型。 查看详情

使用 .animate() 的 jQuery 在 IE8 中无法执行任何操作

】使用.animate()的jQuery在IE8中无法执行任何操作【英文标题】:jQueryusing.animate()failstodoANYTHINGinIE8【发布时间】:2011-02-0109:54:21【问题描述】:所以,这是官方的:我讨厌InternetExplorer。是的,它的所有血腥版本。:-D所以,我不认为... 查看详情

解决ios微信内置浏览器返回后不执行js脚本的问题

...$(function(){})后随便点击一个URL跳转到B页面利用微信内置浏览器返回键返回到A页面后发现这段JS不执行,后来找到了解决方案$(function(){varisPageHide=false;window.addEventListener(‘pageshow‘,function(){if(isPageHide){window.locat 查看详情