0

IE8에서 올바르게 표시되는 다음 html이 있습니다. 아래는 grey_btn_75의 html과 css입니다. 왜 이런 일이 일어날 지 아십니까?asp : IE7에서 버튼이 사라지지만 IE8에 남아 있습니다. 왜?

<div style="float: left; width: 70px; margin-right: 25px; padding-top: 60px; 
      margin-left: 25px"> 

<asp:Button ID="btnAddAll" runat="server" Text="Add All" 
      OnClick="btnAddAll_Click" 
      CssClass="grey_btn_75" /> 

<div class="spacer"></div> 

<asp:Button ID="btnAdd" runat="server" Text="Add" 
      OnClick="btnAdd_Click" 
      CssClass="grey_btn_75" /> 

<div class="spacer"></div> 

<asp:Button ID="btnRemove" runat="server" Text="Remove" 
      OnClick="btnRemove_Click" 
      CssClass="grey_btn_75" /> 

<div class="spacer"></div> 

<asp:Button ID="btnRemoveAll" runat="server" Text="Remove All" 
      CssClass="grey_btn_75" 
      OnClick="btnRemoveAll_Click" /><br /> 

</div> 

CSS :

지금까지 시도
.grey_btn_75 
{ 
background: url(../images/grey-75px.png); 
background-repeat: no-repeat; 
border-style: none; 
font-family: Arial,Helvetica,Sans-Serif; 
font-size: 12px; 
font-weight: bold; 
width: 75px; 
height: 23px; 
color: #000000; 
cursor: pointer; 
} 

것들 :

나는 아직 나타나지 않은 CssClass 및 버튼을 제거했습니다. CssClass가 수정되었으며 단추가 여전히 표시되지 않았습니다. asp : Label 및 asp : ImageButton과 같은 다른 컨트롤을 넣었으며 정상적으로 나타났습니다. 새로운 버튼을 넣으려고했는데 나타나지 않았습니다.

+0

정확하게 사라지는 버튼은 무엇입니까? – lance

+0

전혀 표시되지 않거나 이미지가 표시되지 않습니까? –

+0

전혀 표시되지 않고 4 개의 버튼이 모두 표시되지 않습니다. – Xaisoft

답변

1

div 너비는 70px이고 버튼은 75px입니다. 그걸 정리해야 해.

+0

왼쪽에 오른쪽 여백을 둘 수 있습니까? – Xaisoft

+0

아, 죄송합니다, 당신 말이 맞아요. 여백은 그것과 아무 상관이 없습니다 (나는 버튼에 대해 잘못 생각했습니다). – Martin

+0

실제로 마진에는 그와 관련이있는 것처럼 보입니다. IE7에서는 마진이 목록 상자 뒤에있는 버튼을 숨기고있는 것으로 보입니다. 하나를 제거하자마자 버튼의 일부가 나타나기로했습니다. – Xaisoft

1

문제는 스타일에 있습니다. 단추를 사라질 책임이있는 단추 (또는 조합)를 보려면 해당 단추를 주석으로 처리하십시오. 상단 DIV의 인라인 스타일도 잊지 마세요.

이 버튼 스타일을위한 좋은 가이드 :

http://particletree.com/features/rediscovering-the-button-element/

사람들이 추천

폭 : 자동; 오버 플로우 : 표시;

(구체적으로는 IE)

+0

IE 스타일의 스타일 시트가있는 경우 오버플로를 추가 할 수 있습니다. 거기에 – DmitryK

0

CSS에서 설정 한 색상 값이라고 생각합니다. 나는 이전에 같은 문제를 겪었고 컬러 값을 다른 것으로 변경했습니다.

+0

나는 이것을했고 여전히 작동하지 않았다. 심지어 전체 CSS 클래스를 제거하고 작동하지 않았다. – Xaisoft

관련 문제