HTML 웹 사이트 템플릿을 편집 중이며 배너 높이를 변경해야 외부 CSS를 편집 할 수 있습니다. 그러나 여하튼 인라인 CSS 높이 속성을 사용하여 그 사이에 공간이 남습니다. 인라인 CSS를 작성하지 않은 경우 (HTML 페이지에 인라인 CSS가 없음) 알려 주시면 해당 높이 속성은 어디서 오는지 나와 있습니다. <div style="display: block; height: 445px;" id="camera" class="camera-wrap camera_wrap">소스와 검사 된 HTML의 불일치?
그리고 내 코드는 다음과 같습니다 : 나는 콘솔에서 볼
코드는이 두 클래스 camera_wrap을 복용하는 이유
<div id="camera" class="camera-wrap">
<div data-src="images/Battery-Banner.jpg">
나는 아무 생각이 없습니다.
일반적으로 JS 플러그인은 런타임 중에 계산되는 동적 CSS를 넣습니다. 인라인 스타일 태그에 배치됩니다. 그렇지 않으면 정적 코드가 외부 CSS 파일로 이동합니다. 플러그인이 어떻게 그 높이를 계산하는지 확인하고 HTML/CSS를 수정하십시오.
브라우저에서 HTML 소스를 보도록하십시오 (inspect 요소를 사용하지 않고 view-source 사용). 이렇게하면 다른 클라이언트 측에서 일명 처리하기 전에 마크 업을 볼 수 있습니다. JavaScript. 소스를 볼 때 인라인 스타일이 없으면 추가하는 JavaScript의 가짜 비트 일 수 있음을 나타냅니다.
어쨌든 문제에 대한 자세한 정보를 제공해 주시겠습니까? CSS, JS 등 어떤 부분의 웹 사이트인지 조금 더 많은 배경 정보가 있으면 더 많은 정보를 얻을 수 있습니다.
보기 소스 코드를 선택하여 볼 때 내 HTML 코드를 볼 수 있습니다. 사이트는 배너 슬라이드 쇼 등을위한 jquery 플러그인이있는 기본 html 사이트입니다. 스크린 샷을 첨부하고 싶었지만 내 Reptation이 10 미만이기 때문에 그럴 수 없습니다. ( – user1502915
그런 경우 자바 스크립트가 실행되어 클래스가 변경되는 것처럼 들립니다. 포함 된 스크립트를보고 추가하는 클래스를 찾을 수 있는지 확인해야합니다. – Svenkle
시도했지만 ... Js 및 jquery에서 매우 잘 모르겠습니다 ...하지만 검색 결과마다 다른 높이를 찾았습니다. ... – user1502915
소스가 1 클래스를 표시하고 inspect 요소를 사용할 때 다른 클래스를 표시하면 js/jquery 플러그인에 의해 확실히 추가됩니다.
다른 클래스 CSS 속성을 덮어 쓰려면 클래스에서! important를 사용하거나 # camera.camera-wrap {}처럼 더 깊이있는 dom traversing을 사용하십시오. 이것보다 우선 순위가 부여됩니다. 어떤 것이 효과가 있는지보십시오.
감사합니다. 작동 중입니다. :) ptting 후 중요! – user1502915
jquery 코드를 통해 할당 할 수 있습니다. –
어디서 왔는지 확신 할 수 없지만 CSS 클래스에 정의 된 높이를 인라인보다 우선 적용하려면 CSS 클래스 "height : 40px! important;"에서이 구문을 사용하십시오. [40px 그냥 샘플입니다, 당신이 필요로하는 어떤 가치로 변경] – Thangadurai
제안을 시도 ur ... 아직도 작동하지 않습니다 : ( – user1502915