8.7w+
社区成员
html5Canvas IE 下背景图片显示不出来是怎么回事
把info下的内容生成图片，但是标红的背景图片在IE下显示不出来，文字能显示，谷歌浏览器就没有问题，这是为什么，在IE怎么解决，求教
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery1-11.min.js"></script>
<script type="text/javascript" src="polyfill.min.js"></script>
<script type="text/javascript" src="html2canvas.min.js"></script>
<script type="text/javascript">
function abc(){
html2canvas($(".info")).then(function(canvas) {
document.body.appendChild(canvas);
})
}
</script>
</head>
<body >
<div class="info" >
<div style="text-align:center; font-family:宋体;background:url(abc.png) no-repeat center top;">
<div style="padding-bottom:100px;" ></div>
<h1><strong><b>萨达噶</b></strong></h1>
</div>
</div>
</div>
<input type="button" value="test" onclick="abc()">
</body>
</html>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery1-11.min.js"></script>
<script type="text/javascript" src="polyfill.min.js"></script>
<script type="text/javascript" src="html2canvas.min.js"></script>
<script type="text/javascript">
function abc(){
html2canvas($(".info")).then(function(canvas) {
document.body.appendChild(canvas);
})
}
</script>
</head>
<body >
<div class="info" >
<div style="text-align:center; font-family:宋体;background:url(abc.png) no-repeat center top;">
<div style="padding-bottom:100px;" ></div>
<h1><strong><b>萨达噶</b></strong></h1>
</div>
</div>
</div>
<input type="button" value="test" onclick="abc()">
</body>
</html>
...全文
请发表友善的回复…
发表回复
无聊的上午 2018-02-06
- 打赏
- 举报
ie低版本不支持h5的部分功能，h5主要是为ie9+设计的，ie8支持一般，越往下越差，这里可以在网上查一下，现在有帮助你兼容ie低版本的插件，引入进去可以解决Ie8的兼容问题，至于在低版本的只能用js实现，可以使用js判断ie版本的方式确定使用那套流程，也可以使用csshack的方式切换引入方式
winzond 2018-02-05
- 打赏
- 举报
还有就是路径是否正确
winzond 2018-02-05
- 打赏
- 举报
我也是初学者，不过，听说直接写在元素行的方式终将被抛弃，用CSS试试吧。
.info:first-child{
background-image: url(abc.png);
}