하나의 링크 위로 마우스를 가져 가면 작은 대시가 나타납니다.

이 경우 왼쪽 링크 위로 마우스를 이동하면 두 개의 링크 사이에 오른쪽에 작은 대시가 나타납니다. 이걸 어떻게 없앨 수 있습니까? 사파리와 크롬 모두에서 이것을 볼 수 있지만, 스타일 시트에서 그렇게 할 수있는 것은 아무것도 없습니다. 당신은 내가 (나는 모든 스타일 시트가없는)보고 있어요 같은 일을 보는 경우하나의 링크 위로 마우스를 가져 가면 작은 대시가 나타납니다.

<!DOCTYPE html> 
<html> 
<head> 
     <meta charset="utf-8"> 
     <title>Walls</title> 
     <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> 
     <link rel="stylesheet" href="custo.css"> 

     <script src="prettyPhoto_compressed_3/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script> 
<link rel="stylesheet" href="prettyPhoto_compressed_3/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> 
<script src="prettyPhoto_compressed_3/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
</head> 

</head> 
<body> 

<br> 
       <a href="gallery.html"> 
       <img src="test.jpg" class="testclass" alt="test" width="170" /> 
       </a> 

       <a href="info.html"> 
       <img src="test.jpg" class="testclass" alt="test" width="55" /> 
       </a> 



<div class="container-fluid"> 
<br> 


</div><!-- .container --> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 

    <script type="text/javascript" charset="utf-8"> <!--initialize prettyPhoto--> 
    $(document).ready(function(){ 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
     }); 
    </script> 


</body> 
</html>

출처

2013-04-20 Retcon

, 당신은 이미지의 a 태그의 밑줄을보고있다.

이미지 링크에서 text-decoration: none을 사용하여 삭제할 수 있습니다. 스타일의 끝에있는 !important

<a href="gallery.html" style="text-decoration: none !important;">

은 이미 !important 강조 할 수 있습니다 귀하의 CSS의 셀렉터를 대체하는 데 도움이됩니다.

물론 실제로는 class that you set on your image links을 사용하면 더 잘 수행됩니다.

출처

2013-04-20 05:39:52

나는 이것을했고 또한 내 자신의 수업을 설정했고, 계속 그렇게했습니다. 또한 두 번째 링크가 대시를 생성하지 않는 이유는 무엇입니까? 나는 이미지를 게시 할 수 있지만 여기에 이미지를 게시 할 수 있으려면 1 Rep Short입니다. – Retcon

이것은 오래된 게시물이지만 뭔가 기여하고 싶습니다. 이것은 대시 (-)가 나타나는 다른 사람들을 도울 것입니다.

a 태그 안에 빈 공간이 있기 때문입니다. 예를 들어 :

이처럼 라인을 설정하면

<a href="#"> 
    <i>test</i> 
</a>

: <a href="#"><i>test</i></a> 대시/밑줄이 사라집니다,하지만 몇 가지 도구가 여전히 코드를 포맷 할 수 있으며 그들은 공간을 추가합니다. 따라서 이전 게시물에서 언급 한 CSS를 사용하면 문제가 해결됩니다.

출처

2015-10-16 16:44:00

하나의 링크 위로 마우스를 가져 가면 작은 대시가 나타납니다.

답변

관련 문제