2 u014477174 u014477174 于 2015.06.12 15:04 提问

IE环境下background-size失效以及location.href问题

我现在做了一个项目,遇见两个问题,我知道原因却没有办法解决,求大神们支招。1.使用了background-size。但是图片显示在IE10以上都正常,谷歌火狐也正常但是iE8 却因为background-size失效引起图片显示不全。2.我给一个内嵌页面设置了ID="aa" 通过A标签里面的按钮触发js跳转,但是发现IE8以后的IE浏览器都不识别localtion.href="#aa"这种跳转方式,但是IE8和火狐谷歌浏览器都可以正常跳转。qq浏览器之类的也没办法跳转。我测试了下把“#aa”改成百度连接,是可以成功跳转的,求大神支招 有办法解决这问题么

4个回答

bdmh
bdmh   Ds   Rxr 2015.06.12 15:06

ie8不支持,一下浏览器支持

IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。

u014477174
u014477174 这个我知道,可是有什么办法能解决吗?我试过用IE滤镜,但是好像内嵌页面就跑一个页面显示了
大约 3 年之前 回复
u014477174
u014477174   2015.06.12 15:21
shoppingli
shoppingli   2015.06.12 16:52

关于background-size不支持的问题
https://css-tricks.com/perfect-full-page-background-image
http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie
看看这两个吧,可以解决的
还有js那里,你一定要这样写么??跳转到锚点可以直接写成这样,如果一定要location来写的话,可以改成下面的
window.location.hash = "aa";

shoppingli
shoppingli 回复妳真的不见了: 我试过了,IE9是可以的,是不是你写锚点的时候没写在a标签里面?<a name="aa">xxxx</a>这样来写
大约 3 年之前 回复
u014477174
u014477174 location.hash我也试了,我这IE也不跳转。我试了下IE9+里面好像用window.location.href="#id" 就是不能跳转 不知道怎么办了
大约 3 年之前 回复
shoppingli
shoppingli   2015.06.12 16:53
u014477174
u014477174 嗯没用 这return false 是之前我网上看到的方法 不过貌似没任何作用
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
解决IE浏览器部分版本不支持background-size属性问题
background-size是CSS3新增的属性,现在有很多浏览器都支持CSS3了。但是IE浏览器有些版本还是不支持,比如IE8,IE9也有些CSS3的属性会支持,但是有些也不支持。在这里就了解一下CSS3的background-size。 background-size 属性 1、定义: background-size 用来调整背景图像的尺寸大小。以象素或百分比显示,当指定为百分
解决IE8以下不支持background-size属性
background-size是CSS3新增的属性,但是IE8以下还是不支持,可以通过滤镜来实现这样的一个效果 background-size:contain; // 缩小图片来适应元素的尺寸(保持像素的长宽比); background-size :cover; // 扩展图片来填满元素(保持像素的长宽比); background-size :100px 100px; // 调整图片到指
IE下 window.location.href 跳转失效的解决方法
GoNext $("a").click(function(){ window.location.href = "xxx.html"; }) 代码如上,在IE下,特别是在IE6中,点击超链接之后,浏览器并没有发生跳转行为。 原因可能是因为在href中的javascript:void(0)阻止的事件行为,解决方法如下: 1.在onclick事件中加return false来阻止冒泡:
IE8下的背景平铺 background-size不起作用
今天在写项目的时候,用到了background-size:cover。在chrome上面预览很正常。 但是跑到IE下面一看。虽然有background-image 的属性。但是效果不能如愿。
css3 background-size:cover IE8不支持 解决办法
因为IE8浏览器这个坑,不支持css3的background-size:cover这个属性,当时有一个很大的图片需要做页面的背景,要适应不同分辨率的电脑,然后就遇到了这个问题 IE8虽然不支持这个属性,但是有一个filter​这个属性 个人认为是这样解释:微软Alpha图片加载器​ filter:progid:DXImageTransform.Microsoft.AlphaIma
window.location.href 在IE不跳转的解决方法
window.location.href = 'NavigationRole.aspx?RoleId=' + node.Id; 在Js代码加入下面两句,IE7加第一句就行,但IE11必须加两句。         window.event.returnValue = false;                                 if (window.event.prev
div显示图片不全和background-size在ie和火狐下不生效的解决方法
div显示图片不全和background-size在ie和火狐下不生效的解决方法
background-size兼容IE8解决方案
1、通过滤镜的方法  body{ background: url(../images/login_register/login-register-background.jpg)  no-repeat center; -webkit-background-size: cover;     -moz-background-size: cover;     -o-bac
window.location.href 失效的解决办法
原文地址:失效的解决办法" style="text-decoration:none; color:rgb(106,63,48)">window.location.href 失效的解决办法作者:rapheal_Guo window.location.href 有时会失效..这又是万恶的IE的BUG..   微软上公布3个解决方案的. 原文地址:http://support
css中遇到的技巧和坑儿——background-size使用transition失效
如图使用transition时背景图片放大没有过渡效果,,于是在stack Overflow上找到了对应答案:于是改为:运行成功。。。