请在Chrome、Firefox等现代浏览器浏览本站。记住我们的域名:tmy123.com   加入本站QQ群,大家一起HIGH:点击加入QQ群

超简单实现IE浏览器访问WordPress站点升级提示

WP教程 Jophen 俞 2790℃ 已收录 13评论

目前大多数朋友都使用FF、Chrome、Safari等浏览器。本站的样式在IE8下简直…不忍直视…

IEtheme

 

好吧..不要在意这些细节,注意看箭头所指位置,有一个浏览器升级提示了,想实现这个效果请继续往下看。

首先在主题header.php中加入以下代码(加在meat描述后,PHP函数前)

<!--[if IE]> <div class="browseupgrade">当前网页 <strong>不支持</strong> 您正在使用的浏览器。为了体验更好的访问效果, 请 <a href="http://browsehappy.com/" target="_blank">升级你的浏览器</a>.</div> <![endif]-->

这段代码的是利用了条件注释判断浏览器的方法

完成上述操作,提示框就大体制作出来了,下面加入CSS美化一下

.browseupgrade{padding:8px 0;background:#FBE3E4;color:#8A1F11;text-align:center} .browseupgrade a{color:#8A1F11;text-decoration:underline;font-weight:bold}

将代码加到主题样式表style.css中即可。

刷新缓存后再IE8下看看有木有效果吧~

本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:https://tmy123.com/IE-Upgrade.html
喜欢 (4)
发表我的评论
取消评论
表情 代码 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(13)条精彩评论。
  1. 不错,收了,你缓存用的什么插件?
    一亩地2015年-03月-19日发表回复| Safari 534.30| Android 4.4.2
  2. 这个很人性化哈
    osblog.net2015年-01月-15日发表回复| unknow| unknow
  3. 这个功能要不要都没多大影响
    我要钱来赚2015年-01月-15日发表回复| unknow| unknow
  4. 不错学习了 IE 用~ ~来形容
    爱探路2015年-01月-15日发表回复| unknow| unknow
    • IE最大的用处就是用来下载chrome的
      同盟源 http://tmy123.com/2015年-01月-15日发表回复| unknow| unknow
      • 当然IE还有一个用处就是 前端开发者用来吐槽的
        爱探路2015年-01月-15日发表| unknow| unknow
  5. IE还是有很多小白用户 这个功能很好 至少比公告栏要好
    Google上不去怎么办2015年-01月-14日发表回复| unknow| unknow
  6. 自从接触wordpress就很少用IE了。除了一些特定情况下必须要使用IE。
    毕业生2015年-01月-14日发表回复| unknow| unknow
    • 不过万一有人用IE还是有用的,最重要的是实现了一项功能,感觉很好
      同盟源 http://tmy123.com/2015年-01月-14日发表回复| unknow| unknow
      • style.css 最前面加:导航在IE 8下没有那么惨不忍睹 .sub-menu{ display: none\9; *display: none; }
        mtxgx.com2015年-01月-16日发表| Firefox 34.0| Windows 8.1 x64
      • 呵呵,长姿势了,多谢指教
        Jophen 俞2015年-01月-16日发表| Google Chrome 39.0.2171.99| Windows 7