:: after pseudo 요소를 추가 할 때 앵커 링크가 작동하지 않습니까?

-4

임의의 앵커 링크에 의사 요소 :: 후를 추가하면 작업이 중단됩니다 (더 이상 URL의 # 부분을 변경하지 않음).:: after pseudo 요소를 추가 할 때 앵커 링크가 작동하지 않습니까?

이제 왜 그런가요?

어떻게 고칠 수 있습니까? a::after

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
a::after { 
 
    content: " - Remember this"; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 
    
 
<a href="http://google.com">Hello</a> 
 

 
<p><b>Note:</b> For this selector to work in IE8, a DOCTYPE must be declared, and you must use the old, single-colon CSS2 syntax (:after instead of ::after).</p> 
 

 
</body> 
 
</html>

가 당신을 도움이되기를 바랍니다에

출처

2017-02-01 blaasvaer

코드를 공유 하시겠습니까? –

완전히 제거하고 특정 클래스 이름과 인세 트 상자 그림자를 사용하여 안전한 솔루션을 찾으러갔습니다. – blaasvaer

-1

이 작동합니다.

출처

2017-02-01 08:56:19 Ranjith

예, 완전히 jQuery를 사용하여 추가 된 클릭 이벤트로 완료되었다는 사실을 잊어 버렸습니다 (... .on (' click ', ...)), 그리고 절대 위치 (border 속성)를 가진 pseudo : after 요소를 가지고 있다면, 어떻게 든 링크를 엉망으로 만든다. – blaasvaer

:: after pseudo 요소를 추가 할 때 앵커 링크가 작동하지 않습니까?

답변

관련 문제