明星★未在Chrome中显示 [英] Star ★ Not showing in Chrome

问题描述

 < strong>这是我的★明星，我没有使用实体！< / strong> 
  

它适用于Firefox，但不适用于Chrome（显示一个框）。为什么？

解决方案

为了扩展Gil的答案，明星&＃9733的unicode字符实体; 在Chrome中没有显示，但是在Firefox中显示。我发现，就像Gil说的那样，当Chrome浏览器在页面加载时在html中工作时，Chrome并不能在Chrome浏览器中工作，但是当包含星号的HTML时 随后通过ajax加载。

以下是我的解决方法：这不起作用...

 <跨度>&安培;＃9733; &安培;＃9733; &安培;＃9733;< /跨度> 
  

...但是这样做 - 通过添加CSS text-渲染声明...

 < span style =text-rendering：auto;> ;&安培;＃9733; &安培;＃9733; &安培;＃9733;< /跨度> 
  

对于我在本网站上使用Bootstrap的记录。

I have some html where the star is simply in the code like so:

<strong>This is my ★ star, I'm not using entities!</strong>

It works in Firefox, but not in Chrome (which displays a box). Why?

解决方案

Just to expand on Gil's answer, the unicode character entity for star ★ was not showing for me in Chrome, but it was in Firefox. I found that just as Gil says, it did work in Chrome when it was in the html at page load, but it did not work in Chrome when the html containing the star was loaded subsequently via ajax.

Here's how I fixed it: this doesn't work...

<span>&#9733; &#9733; &#9733;</span>

... but this does - with the addition of the CSS text-rendering declaration...

<span style="text-rendering:auto;">&#9733; &#9733; &#9733;</span>

For the record I'm using Bootstrap on this site.

这篇关于明星★未在Chrome中显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！