CSS를 사용하여 텍스트 나 문자를 추가하는 방법 (JavaScript 없음)?
문제
글쎄, 그것은 IE에서 작동해야합니다. 즉, IE는 콘텐츠 속성을 지원하지 않는다는 것을 알고 있습니다.
해결책
유일한 옵션은 content
재산:
컨텐츠 속성은 다음과 함께 사용됩니다
:before
그리고:after
생성 된 컨텐츠를 삽입하기위한 의사 요소.
그러나 지적한 바와 같이, 이것은 CSS 3의 일부이며 IE에 의해 지원되지 않습니다. 그 동안 JavaScript를 사용하여 보상해야합니다.
다른 팁
HTML과 CSS의 조합을 사용하여 JavaScript없이 이것을 해결할 수 있습니다. 트릭은 HTML의 CSS에 의해 추가 된 컨텐츠를 IE 특정 조건부 주석 (다른 브라우저에서 표시하지 않음)을 사용하는 것입니다. display
CSS 선택기 해당 요소가 표시 될 때 전환합니다. MSDN에 따르면, 즉 8+는 CSS를 지원합니다 :after
그리고 content:
, 즉 IE 7 이하의 경우 조건부 주석을 사용하면됩니다.
예는 다음과 같습니다.
<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">— Site Title</span><![endif]-->
</h1>
텍스트 사진의 부족 - 아니오.
당신은 사용해 볼 수 있습니다 ie8.js 트릭을 수행 할 수있는 컨텐츠를 수정합니다. 그렇지 않다면, 텍스트와 함께 배경 이미지 외에 할 수있는 일은 없습니다.
유일한 방법은 JavaScript 또는 CSS3입니다.
어쩌면 당신이해야 할 일을 말할 수 있습니다. 그러면 우리는 도울 수 있습니다.
왜 JS와 함께 할 수 없습니까?
제휴하지 않습니다 StackOverflow