Firefox가 이상한 동작으로 div를 겹쳐서 표시합니다.

동일한 색상으로 2div를 겹쳐 써야합니다. Chrome 및 IE9에서는 잘 표시됩니다. 하지만 FF로 설정하면, div 상단에 이상한 색 테두리가 있습니다. border-bottom. here 내 jsfiddle입니다. 문제가 발생합니다 title div "여기에 일부 텍스트가 있습니다"텍스트Firefox가 이상한 동작으로 div를 겹쳐서 표시합니다.

출처

2013-05-16 Doan Cuong

크롬뿐만 아니라 FF에서도 동일하게 보입니다. 원하는 방식과 얻는 방식의 스크린 샷을 넣을 수 있습니까? – Nitesh

@ NathanLee 귀하의 관심에 감사드립니다. 그러나 문제는 Libin에 의해 해결되었습니다. 선생님 : D –

적용한 상자 그림자 때문입니다.

은 다음과 같이 값을 조정 :

box-shadow: 9px -3px 10px -8px #000000

출처

2013-05-16 13:02:01 Libin

그것은 나를 많이 도움이됩니다. 정말 감사합니다. 좋은 하루 되십시오. 선생님 : D –

문제점은 .title의 상자 그림자입니다. 즉, FF에서 줄을 그리는 원인입니다. 이를 다음과 같이 줄일 수 있습니다 :

box-shadow: 9px 0 10px **-10px** #000000;

이렇게하면 선이 제거되지만 물론 약간 다르게 보입니다.

출처

2013-05-16 13:00:26 Woody

정말 죄송합니다. Libin이 내가 원하는 것에 더 가까워지기 때문에 대답을 받아 들일 수 없습니다. 하지만 정말 고맙습니다. 귀하의 관심 주셔서 감사하고 좋은 하루 보내십시오 선생님 : D –

아무 문제 없어, 당신은 환영합니다 :) – Woody

당신이이 상자 그림자 값을 변경할 수 있습니다

box-shadow: 9px -2px 10px -9px #000;

이 늘 심지어 그림자 효과에 큰 차이를 확인하십시오.

나는 이것이 당신을 도울 수 있다고 생각합니다.

출처

2013-05-16 13:20:30 Dhavs

도움을 주셔서 감사합니다. 정말 유용합니다. 좋은 하루 되십시오. 선생님 : D –

Firefox가 이상한 동작으로 div를 겹쳐서 표시합니다.

답변

관련 문제