Почему текст размыт в Chrome? - PullRequest
Новая
       13

Почему текст размыт в Chrome?

0 голосов
/ 22 ноября 2018

Кто-нибудь, пожалуйста, можете объяснить мне, потому что в приведенном ниже коде HTML размытый текст работает в Chrome версии 70.0.3538.110?Я использую Windows10.Я был удивлен этим, потому что в Firefox HTML-код работает нормально без размытия текста.Можно ли вставить кодировку, чтобы избежать этого эффекта размытия?Заранее спасибо за помощь. 

<head> <title> Why text is blurred ? </title>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

	
<style>
body { lang="it"; background-color:Grey; color:LightGrey; border:solid 5px CadetBlue; } ul, li {list-style-type: none;}
</style>

</head>

<body> <center>

    <a data-toggle="dropdown" style="cursor:pointer;">
	<span style="font-variant:small-caps;
	margin-right:10em;color:DarkBlue;font-weight:bold;"> 
	&blacktriangledown;&nbsp;click here</span></a>

     <li > 
		<a class="dropdown-menu"  tabindex="-1" 
			href="#" 
			style=" font-size:1.2em; 
			font-variant:small-caps; 
			padding:0.5em; background-color:Grey; 
			color:Black !important;">
			(This text on Chrome is blurred) &larr; Versione 70.0.3538.110 (Build ufficiale) (a 64 bit)
		</a>
	  </li>	
	  
	 <div> <br/>  <br/> <br/>  <br/> </div>
	 
      <li > 
		<a tabindex="-1" 
			href="#" 
			style=" font-size: 1.2em;font-variant: small-caps; 
			padding: 0.5em; background-color: Grey; 
			color:Black !important; margin-left:6em;">
			(This one text on Chrome instead is not blurred) 
		</a>
	  </li>

</body>
</html>
...