0
인터넷 익스플로러 8 이상에서 문제가 있습니다. 내가 sitecore에서 역동적 인 콘텐츠를 만들지 만 한 항목 유형의 페이지에 특정 수의 항목을 추가하면 페이지의 특정 섹션에서 내 CSS가 콘텐츠의 기발한 스타일을 결정하지 않습니다.Wheres 내 CSS 스타일이 없어 졌습니까?
내가 아는이 아래에 꽤 많이하지만 난이 sitecore의 항목을 만들 때 코드 세트가 여러 번 작성되는 :
프런트 엔드 HTML :
<div class="<%=uniqueID %>">
<div class="compareRatesSlideSpot">
<div class="headerContent">
<div class="tableContainer">
<div class="exchangeProvider"><%=exchangeProvider %></div>
<div class="exchangeRate"><%=exchangeRate %></div>
<div class="transferCharges"><%=transferCharges %></div>
<div class="amountYouGet"><%=amountYouGet %></div>
</div>
<div class="Toggle">
<span>
Learn more <img src="/images/arrow_open.png" />
</span>
</div>
</div>
<div class="Content">
<%=content %>
</div>
</div>
<div class="Shadow"></div>
</div>
자바 스크립트 :
을<script type="text/javascript">
$(document).ready(function() {
$(".<%=uniqueID %> .headerContent").css("color", "<%=fontColor %>");
$(".<%=uniqueID %> .tableContainer").css("background-color", "<%=bgColor %>");
$(".<%=uniqueID %> .Toggle").css("color", "#000000");
});
var <%=uniqueID %>isToggled = 0;
$(".<%=uniqueID %> .Toggle").hover(
function() {
$(this).css("color", "<%=secondaryColor %>");
},
function() {
$(this).css("color", "#000000");
}
);
$(".<%=uniqueID %> .Toggle").click(function() {
$(".<%=uniqueID %> .Content").slideToggle("slow");
if (<%=uniqueID %>isToggled == 0) {
<%=uniqueID %>isToggled = 1;
$(".<%=uniqueID %> .Toggle span").html('Minimise <img src="/images/arrow_close.png" />');
} else if (<%=uniqueID %>isToggled == 1) {
<%=uniqueID %>isToggled = 0;
$(".<%=uniqueID %> .Toggle span").html('Learn more <img src="/images/arrow_open.png" />');
};
});
</script>
뭐가 잘못되었는지 찾아내는 데 도움이되는 눈의 두 번째 쌍이 필요합니다. 몇 시간 동안 계속 쳐다 보면서 계속 성공했습니다.
솔루션 :
우리가 다른 마스터 페이지에로드 사용자 정의 컨트롤 내에서 사용자 제어를위한 CSS 링크를했다 밝혀졌다 한숨. 각 마스터 페이지의 헤드에 관련 CSS 링크를 넣고 잘 작동합니다. 아래의 답변 덕분에이 문제를 해결할 수있었습니다.
HTML/CSS/JS가 자신이해야한다고 생각하는 것을하지 않거나 ASP가 HTML/CSS/JS를 생성하지 않아야한다고 생각해야합니다. 클라이언트 측 증상이있을 때 서버 측 코드를 표시하는 것이 도움이되는 것은 아닙니다. – Quentin
잘 지원되는 스타일 속성을 '