Plus 1 button doesn't render properly in IE9

2019-09-01 15:09发布

站内文章 / 后端开发
68 0 0

问题:

I noticed recently the Plus 1 button on my company's website doesn't render properly in IE 9 and 10. Looks perfect in Chrome, but can't seem to get it to show up in IE without a chunk being cut off the bottom of the button. Compatability Mode doesn't help. Any tricks to position or pad around the button so it shows up properly? I tried putting the code in table but that didn't help at all, nor does paragraph or break.

Facebook Like button shows up correctly in both IE and Chrome.

Windows Server 2008, IIS 7.5, using the code generated on the developer site.

Thanks

回答1:

You can just add the following code and the browser will force to IE8 mode (which renders correctly):

Add this to the top of your HTML:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Add this to the head section of your HTML

    <meta http-equiv="X-UA-Compatible" content="IE=8" />

The button will then render correctly. See a live example here.



标签： internet-explorer google-plus google-plus-one
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~