크롬 텍스트

-1

이 이미지 주소 http://www.rothemcollection.com/engagement-rings/의 스크린 샷입니다 컷. Google 크롬 브라우저에서 '권장 사항'의 's'를 자릅니다. Z- 인덱스를 변경하려고했는데 맨 위나 마진 윗쪽으로 움직였습니다. 끝까지 날 자릅니다. 누구나 아이디어가 있습니까? 그것은 가난한 사람들과 관련이있을 수 있습니다. 나는 특별한 글꼴을 사용합니까? 그렇다면 무엇을해야합니까?

출처

2012-12-03 Mosh Feu

Chrome에서 아무런 문제가 보이지 않습니다. 버그를 재현하기 위해 여기에 약간의 코드를 제공 할 수 있습니까? – VMAtm

최신 Chrome이있는 페이지를로드하면 처음에는 "s"가 완전히 표시되었지만 겹치는 이미지는 "잘랐습니다". – moodywoody

정확합니다. 이미지를 변경할 때만 문제가 발생합니다. –

나는 텍스트 크기를 1 픽셀 줄이고 문제를 해결했습니다. 차선책이 아니지만 여전히 작동합니다. 불행히도이 솔루션은 도움이되지 않았습니다. 감사합니다.

출처

2012-12-03 09:26:29

이 CSS를보십시오 :

#mainSlider h1 span.big { 
    font-size: 60px; 
    line-height: 63px; 
    display: inline-block; 
    width: 484px; 
    position: relative; 
}

출처

2012-12-03 06:16:06

이 mainSlider이

#mainSlider h1{ 
position:relative; 
z-index:1; 
}

결과 등이position:relative; 또는 정의 z-index:1;

제목 정의하는 것은입니다 enter image description here

출처

2012-12-03 06:17:14

제목이 그림 바로 앞에서 끝나는 경우에만 문제가 발생합니다. 재판이 더 길면 문제가 해결됩니다. 그러나 텍스트를 추가해도 실제 문제가 발생하지 않을뿐입니다. 매우 이상합니다. –

일부 최적화 때문에 불투명도 및 CSS 엔진 렌더링과 관련된 문제가있을 수 있습니다. 나는 6 픽셀만큼 이미지의 겹침을 피하기 위해 더 왼쪽에 헤더를 제안 할 것이다.

#mainSlider h1 { 
    left: -6px; 
    position: relative; 
    ...

출처

2012-12-03 06:26:32 dmi3y

여기에 무슨 문제가 있습니까? – dmi3y

이 방법이 효과적 일지 모르지만 문제를 해결하기보다는 디자인을 손상시킨 것으로 투표했을 수 있습니까? 그건 내 유일한 추측이야. – DACrosby

프레 젠 테이션이 시작된 후 문제가 발생합니다. –

몇 가지 방법이 있습니다. 내보기를 믹스에 추가합니다. .ring 클래스에 z-index:-1;을 추가하십시오. 일부 지점에서 이미지 링크를 만들고 싶지만 현재 설정에서 작동해야하는 경우 문제가 발생합니다.

#mainSlider .ring{ 
    position: absolute; 
    right: 0; 
    z-index:-1; 
}

출처

2012-12-03 06:28:07 DACrosby

문제가 여전히 발생합니다. –

크롬 텍스트

답변

관련 문제