vue项目在ie浏览器上要注意的问题

最新推荐文章于 2024-08-06 14:05:31 发布

喜欢这种平淡的生活�

最新推荐文章于 2024-08-06 14:05:31 发布

阅读量375

点赞数

分类专栏： vue 文章标签： vue ie font

本文链接：https://blog.csdn.net/weixin_44994372/article/details/102853957

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1. 动态设置背景图片
不显示图片的代码

<div class="photoBox" v-show="!ifCircle" :style="{backgroundImage:'url('+ info.avatar}"></div>

修改之后可以正常显示的代码，至于原因我也不知道

<div class="photoBox" :style="note"></div>

data () {
    return {
      note:{
        backgroundImage: "url(" + Cookies.get('webuseravatar') + ")",
      }
    }

引入的外部字体在ie上报错，因为ie9以上只支持eot的字体，所以引入字体的时候要引入多个url

@font-face { 
  font-family: 'DIN-Bold'; 
  src:url('DIN-Condensed-Bold.ttf'); 
  src:url('DIN-Condensed-Bold.eot?#iefix') format('DIN-Condensed-Bold.woff') format('woff'),
      url('DIN-Condensed-Bold.ttf') format('truetype'),
      url('DIN-Condensed-Bold.svg#webfontOTINA1xY') format('svg');
  font-weight: normal; 
  font-style: normal; 
}