微信分享缩略图
  • {{ post.title }}

    {{ post.excerpt }}

    {{ post.author_name || settings.site_author || 'Admin' }} {{ formatDate(post.published_at || post.created_at) }} {{ post.view_count }} {{ post.comment_count }}

HTML语法中TITLE属性在字体加粗下的兼容性难题

最近为公司建一个产品博客,程序依然选择wordpress,其中出现了不少问题,有一个比较经典的拿来一说:

模板的css中,body{font:13px/18px 微软雅黑,宋体,Arial,Verdana,serif,Tahoma,Helvetica;color:#555; line-height:1}定义了全文字体,包括logo部分的字体,和正文,但是我需要将logo部分的字体进行加粗显示,直接改这段css没有成功。

于是想到了以下做法:在header.php文件中直接修改title。

1.标准写法如下:

某某博客

可以在IE6~IE9、Firefox、Chrome、Opera等浏览器下正确展示。

2.当标题需要字体加粗时问题就出现了:

某某博客

可以在IE6、Firefox、Chrome、Opera等浏览器下正确展示,但IE9无法正确展示。

3.在IE9下要展示需要以兼容模式运行

兼容模式标签是不起作用的。

无论重复添加ALT标签,用SPAN、DIV都无法解决该问题。

4.多次尝试后,能解决TITLE兼容性的写法如下:

某某博客

可以在IE6~IE9、Firefox、Chrome、Opera等浏览器下正确展示,无需设置IE9的兼容性视图设置。

{{ currentPost.title }}

评论 ({{ comments.length }})

正在回复 @{{ replyTo.author_name }} 取消回复

暂无评论,来说两句吧

{{ settings.about_title || '个人简介' }}

搜索中...
没有找到相关文章
{{ r.title }}
{{ r.category_name }} {{ formatDate(r.published_at || r.created_at) }} {{ r.view_count }} 次阅读

{{ r.excerpt }}

评论通过

评论未通过

等待审核

{{ aiModalData.review || aiModalData.message }}

{{ toast.message }}