标签: internet-explorer-10
Internet Explorer 10忽略图像的宽度和高度
我有一个网站,其中Internet Explorer 10完全忽略显式设置的宽度和高度属性,而不是实际的图像大小.
图像定义为:
<img style="float: left; margin: 0px 10px 0px 0px; display: inline;"
align="left" src="http://blog.hinshelwood.com/files/2012/09/metro-findings.png"
width="64"
height="64"/>
但它在IE10中呈现为128x128.在Chrome中,它就像您期望的那样.
例如http://blog.hinshelwood.com/tfs-integration-tools-issue-tfs-wit-invalid-submission-conflict-type/
在此页面上,"适用于","解决方案"和"查找"图像都设置为64x64,但在IE10中它们显示为128x128.我尝试过设置以下CSS,但这也被忽略了:
h3 img {
width: 64px;
height: 64px;
}
有没有人有任何想法？
推荐指数
解决办法
查看次数
Windows 7并排IE8上的IE10
我可以为Windows 7安装IE10 Preview并保留以前的IE8版本进行开发测试吗？
推荐指数
解决办法
查看次数
用于IE 10的CSS滤镜灰度图像
有没有办法让灰度图像过滤器在没有JavaScript或SVG的情况下在IE 10上运行？
我一直在IE 10以外的所有浏览器中成功使用以下代码.
img{
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);}
推荐指数
解决办法
查看次数
IE10 +上的AngularJS,带占位符的textarea导致"参数无效".
在IE10 +上使用angularJS,TextArea和占位符时,我得到" 无效参数 ".
这将仅在textarea节点关闭时</textarea>发生,并且当我现在关闭textarea时不会发生.
这将引发"无效参数"异常:
<div ng-app>
<input ng-model="placeholderModel" type="text"/>
<textarea id="message" placeholder="{{placeholderModel}}" ng-model="textareaModel"></textarea>
</div>
这将没有问题:
<div ng-app>
<input ng-model="placeholderModel" type="text"/>
<textarea id="message" placeholder="{{placeholderModel}}" ng-model="textareaModel"/>
</div>
在这里运行示例:http://jsfiddle.net/huecc/
推荐指数
解决办法
查看次数
使用CSS布局打印包含许多列/行的HTML表格？
我想从HTML打印一个大表(大到大约3张纸宽).如果可能,CSS应该足够布局,解决方案应该适用于不同的浏览器.
我目前正在定义以下样式规则:
table { page-break-inside:auto; }
tr { page-break-inside:auto; }
当我检查DOM元素时,例如在Firefox 33.0.2中(在OS X上),我可以看到规则被识别,但是当我查看打印预览(文件 | 打印 | PDF | 打开预览中的PDF)时,所有列都是不适合在第一页被切断,即我收到1页打印输出而不是3.我也尝试了Internet Explorer 11和10相同的效果.
那么如何使用CSS布局大型HTML表格(最终在列数方面都很大)？
奖金的问题:如果分页式的部件确实只适用于在指示块级元素此之前的回答,如果我从我的构建表将帮助它divs,而不是td小号瞄准打印输出时？
UPDATE
这是我刚刚在JSFiddle上尝试过的相关示例.(我在那里没有帐户,所以FWIK我无法提供直接链接.)
HTML:
<body>
<table>
<tr>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_0</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_1</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_2</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_3</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_4</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_5</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_6</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_7</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_8</td>
<td>The_quick_brown_fox_jumped_over_the_lazy_dog_A_9</td>
</tr>
</table>
</body>
CSS:
table { page-break-inside:auto; }
td { border:1px solid lightgray; }
tr { page-break-inside:auto; }
如果我尝试打印此表(例如,通过应用此框架 | 打印框架... | PDF | 在预览中打开PDF到Firefox 33.1 for OS X中的JSFiddle 结果视图和纸张尺寸/方向A4 …
推荐指数
解决办法
查看次数
为什么IE 10拒绝通过jQuery $ .ajax发送POST数据
在我的开发和生产环境中,IE 10都拒绝通过简单的$ .ajax调用发送任何POST数据.
我的脚本看起来像这样:
d = 'testvar=something';
$.ajax({
data: d,
success: function(h){
console.log(h);
}
});
实际的ajax请求正在通过,但没有发布数据???
请求标头看起来很正常:
Request POST /steps/~do HTTP/1.1
Accept */*
Content-Type application/x-www-form-urlencoded; charset=UTF-8
X-Requested-With XMLHttpRequest
Referer http://localhost:8080/steps/
Accept-Language en-GB,en-AU;q=0.7,en;q=0.3
Accept-Encoding gzip, deflate
User-Agent Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)
Host localhost:8080
Content-Length 0
DNT 1
Connection Keep-Alive
Cache-Control no-cache
但请求正文是空的!(我在他们的F12开发栏中使用IE的网络选项卡来捕获请求).在PHP脚本中,print_r($_POST);返回一个空数组.
这在IE 7 - 9,Chrome,FF和Safari中运行良好,但IE10中断了吗？
我不确定我是否错过了什么,或者IE 10是否只是错误？
编辑
我已经设置了全局ajax设置如下:
$.ajaxSetup({
url: ROOT+'~do', // ROOT is either http://localhost/.../~do or http(s)://www.steps.org.au/~do depending on production or …推荐指数
解决办法
查看次数
SEC7118:XMLHttpRequest CORS - IE控制台消息
我正在使用CORS POST请求,请注意@ http://www.html5rocks.com/en/tutorials/cors/
服务器将响应标头设置为:'Access-Control-Allow-Origin':'*',我可以在IE开发人员工具中看到此标头值.
但是在IE10浏览器上,我看到控制台消息为"SEC7118:XMLHttpRequest for http://需要跨源资源共享(CORS)".
当我在Microsoft网站上查看时,它已经给出了解释.
http://msdn.microsoft.com/en-us/ie/dn423949(v=vs.94).aspx
SEC7118
描述: "[URL]的XMLHttpRequest需要跨源资源共享(CORS)."XMLHttpRequest是针对与您的页面域不同的域进行的.这要求服务器在其响应头中返回"Access-Control-Allow-Origin"标头,但不返回一个.
建议的修复: 服务器必须支持CORS请求,并向资源返回适当的"Access-Control-Allow-Origin"标头.有关响应头中CORS的更多信息,请参阅IE10中的CORS for XHR.
问题:
- 我想知道这个控制台消息是否是错误？
- 这会导致任何失败吗？
- 为什么即使将响应头"Access-Control-Allow-Origin"值设置为'*'后我也会收到此消息？
- "Access-Control-Allow-Origin"值是否必须是IE10的起源名称？我知道*不是一个很好的选择,但IE是否需要确切的原产地名称？
我保留了这些图片中隐藏的URL和cookie细节.
推荐指数
解决办法
查看次数
Internet Explorer 10没有显示svg路径(d3.js图)
如果我打开这个图例如: IE10中的http://bl.ocks.org/mbostock/1153292,我就是看不到节点之间的链接.
我能在代码中做些什么,甚至可以用Internet Explorer查看吗？
似乎IE只是忽略了svg的一些部分......我找不到任何方法让它可见.
推荐指数
解决办法
查看次数
如何在Mac上测试IE10？
如何在Mac上测试IE10中的网站？
目前我在VirtualBox中测试IE9,其中Windows 7是从Internet Explorer应用程序兼容性VPC映像安装的.我找不到Windows 8的类似图像.IETester没有IE10 eigher.有没有简单的方法在Mac上测试IE10？
推荐指数
解决办法
查看次数
当IE10中的行移动时,SVG行标记不会更新？
我有一些带有线标记的SVG线,我有一个脚本可以移动这些线.这适用于所有浏览器,包括IE9.
但是,我只是在IE10上尝试过它,当线移动时,线标记会被遗忘.
这方面的一个例子可以在这里看到:http://jsfiddle.net/swYRK/8/
我在Windows 7和8上都尝试过这个.
有谁知道发生了什么？这是一个IE10错误,还是有另一种移动线和标记的方法？
(注意实际的应用程序对性能非常敏感,所以我非常希望避免在移动它们的时候每一帧都重新创建行,或者其他东西.)
-
编辑:这似乎是一个真正的IE 10错误.我在IE错误跟踪器中找到了一个未解决的问题(这需要一个Microsoft帐户才能看到,这使得谷歌看不到它.你好？),我已经添加了信息.IE还没有接受这个问题.
如果还有人们可以想到的任何其他解决方案,那将是很好听的.完全删除结束标记,渲染它们,然后重新添加它们work-ish(显示可见闪烁),但不幸的是在我的应用程序中是不可接受的.
推荐指数
解决办法
查看次数