2013-05-03 3 views
0

DIV에서 UL을 감싸는 테두리 반경을 사용하면 UL 내부 링크를 클릭 한 후 Chrome에서 반지름을 잃게됩니다. http://jsfiddle.net/TYgP6/크롬에서 테두리 반경이 변경 될 때

누군가가 도와 드릴까요 : 여기

<div class="menu"> 
<div class="middle"> 
    <ul class="bmenu"> 
     <li><a href="#home"/>Home</a></li> 
     <li><a href="#cv"/>CV</a></li> 
     <li><a href="#projects"/>Projects</a></li> 
     <li><a href="#contact"/>Contact</a></li> 
    </ul> 
</div> 
</div> 

은 예입니다?

답변

0

bmenu 클래스에서는 position : relative를 제거해야합니다.

.bmenu{/*position:relative;*/} 

here을 업데이트했습니다. 보세요. 희망이 도움이됩니다.

+0

좋아요. 고마워요. –

+0

당신은 환영합니다 :) – Nitesh

+0

안녕하세요 @DimitarBosevski 왜 여기에 체크 표시를하지 않았습니까? : ( – Nitesh

0
.bmenu{ 
    padding: 0px; 
    margin: 0 0 10px 0; 
    width:100%; 
height:60px;  
    color:#000; 
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 

}
이 yours.you을 대체하는이 코드를 시도하면 제거 할 필요가 .bmenu에 위치를했다.

+0

참, 이미 수정 됨. @ Nathan Lee 대답 –

0

Webkit의 CSS 속성 접두사 - -webkit-border-radius:10px 10px 0 0; -이 문제를 해결해야합니다.

+0

아무 것도 변경하지 마십시오. 여전히 같은 문제. –

관련 문제