Como adicionar texto ou caracteres usando CSS (sem javascript)?

StackOverflow https://stackoverflow.com/questions/1435138

  •  07-07-2019
  •  | 
  •  

Pergunta

Bem ele deve funcionar no IE, eu sei IE suporte does not propriedade de conteúdo nada além disso?

Foi útil?

Solução

A única opção é a content propriedade:

A propriedade de conteúdo é usado com o :before e :after pseudo-elementos, a inserir conteúdo gerado.

Mas como você aponta, isso faz parte do CSS 3 e não é suportado pelo IE. Nesse meio tempo você terá para compensar usando JavaScript.

Outras dicas

É perfeitamente possível para resolver isso sem Javascript, usando uma combinação de HTML e CSS. O truque consiste em duplicar o conteúdo adicionado pela CSS no HTML um comentário condicional IE-specific (não mostrado por outros navegadores) e use o seletor display CSS para alternar quando esse elemento é mostrado. De acordo com MSDN , IE 8+ suportes CSS :after e content:, portanto, apenas o IE 7 e abaixo necessidade de usar um comentário condicional.

Aqui está um exemplo: 

<style type="test/css" media="screen">
.printonly { display: inline; }
</style>

<style type="text/css" media="print">
#maintitle:after { content:" \2014  Site Title";} /* for IE8+ and Other Browsers. sidenote: Can't use &mdash directly in generated content, so using escape code */
.printonly { display:inline } /* For IE <= 7 */
</style>

<h1 id="maintitle">Page Title 
    <!--[if lte IE 7]><span class="printonly">&mdash; Site Title</span><![endif]-->
</h1>

curta de imagens de texto -. Não

Você pode tentar usar IE8.js para o conteúdo correção, o que pode fazer o truque. Se não, então não há nada que você pode fazer background-image além está com o texto

A única maneira é JavaScript, ou CSS3.

Talvez você poderia nos dizer o que você precisa fazer -. Então nós podemos ajudar

Por que você não pode fazê-lo com js?

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top