2010-10-24 41 views
5

Tôi có tình trạng này trong mã của tôi:css, tắt hiển thị: không có;

<!-- This is the global CSS file --> 
<style type="text/css"> 
#show_div{ 
    display: none; 
} 
</style> 
<!-- This is the local CSS file (only in this page)--> 
<style type="text/css"> 
#show_div{ 
    /* However to disable display: none;*/ 
} 
</style> 
<body> 
<div id = "show_div"> 
    Text text 
</div> 

Tôi thường cần phải che giấu yếu tố này, nhưng trên một trang, tôi cần phải hiển thị nó. Trong tệp css toàn cục, tôi có:

#show_div{ 
    display: none; 
} 

Làm cách nào để vô hiệu hóa display: none;? Tôi không thể sử dụng jQuery, $('#show_div').show(); (hoặc JavaScript).

Cảm ơn

Nếu bạn không hiểu vấn đề của tôi, sau đó tôi xin lỗi. Tôi có thể cố gắng giải thích một lần nữa.

Trả lời

11

Thay đổi lớp cơ thể hoặc id của trang web mà bạn muốn nó được hiển thị trên

<style> 
#show_table #show_div{ 
display:block!important; 
} 
</style> 


<body id='show_table'> 
<div id='show_div'> 
text text 
</div> 
1

Đặt nó thành different value, nhưng có vẻ như bạn muốn tắt nội dung trong trang mà bạn muốn nó xuất hiện thay vì đặt nó ở khắp mọi nơi và ẩn nó.

5

Sử dụng display: block để có được những mặc định display cho một yếu tố <div>, như tis:

#show_div { display: block; } 
0

Sử dụng !important trước phong cách của bạn trên một trang để ghi đè các định nghĩa kiểu trước đó.

#show_div { 
display:block !important; 
} 
Các vấn đề liên quan