Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ
Trang Chủ Giới Thiệu Chương Trình Học Tài Liệu Tin Tức F.A.Q Lịch Khai Giảng Học Phí Việc Làm Liên Hệ

Go Back   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ > WEB - ĐỒ HỌA - LẬP TRÌNH > Web Development
Đăng Ký Thành Viên Thành Viên Lịch Ðánh Dấu Ðã Ðọc

Vui lòng gõ từ khóa liên quan đến vấn đề bạn quan tâm vào khung dưới , trước khi đặt câu hỏi mới.


Ðề tài đã khoá
 
Ðiều Chỉnh
  #1  
Old 04-08-2009, 15:37
shaolin shaolin vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Apr 2009
Tuổi: 30
Bài gởi: 63
Thanks: 1
Thanked 2 Times in 2 Posts
Bo góc bằng CSS (FF&IE)

mình bo 4 góc của div bằng CSS đoạn lệnh sau

#main #right
{
float:right;
width:570px;
height:250px;
border:1px outset #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
trên fifox thì hiện thị tốt
còn trên IE thì hiển thị không bo góc
mình muốn hỏi làm cách nào để thằng IE hiển thị bo góc mong được giúp đỡ
Sponsored links
  #2  
Old 04-08-2009, 16:51
chungxa chungxa vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: May 2009
Tuổi: 28
Bài gởi: 89
Thanks: 0
Thanked 0 Times in 0 Posts
-webkit-border-radius là cho safari bạn ah, IE vẫn chưa hỗ trợ bo góc
  #3  
Old 04-08-2009, 20:28
tuanit85 tuanit85 vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Jun 2009
Tuổi: 28
Bài gởi: 72
Thanks: 0
Thanked 14 Times in 12 Posts
Trích:
Nguyên văn bởi chungxa View Post
-webkit-border-radius là cho safari bạn ah, IE vẫn chưa hỗ trợ bo góc
Ai nói không được thế bạn. shaolin thêm thuộc tính (overflow: hidden) vào nhé là ok hết, IE nào cũng xong. .

Mình không biết code của bạn ra sao nên mình cho bạn đoạn code bo tròn này để bạn tham khảo cái thuộc tính (overflow: hidden)

Đoạn code định nghĩa CSS
Code:
<style type="text/css">
div#conner {
margin: 0 10%;background: #9FB779
}
b.rtop, b.rbottom {
display:block;background: #FFF
}
b.rtop b, b.rbottom b {
display:block;
height: 1px;
overflow: hidden;          /* Chính nó Fix cho IE đấy */
background: #9FB779
}
b.r1 {
margin: 0 5px
}
b.r2 {
margin: 0 3px
}
b.r3 {
margin: 0 2px
}
b.rtop b.r4, b.rbottom b.r4 {
margin: 0 1px;height: 2px
}
</style>
Đoạn Code HTML
Code:
<div id="conner" align="center">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<h4>Nội dung cần thể hiện</h4>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</div>
  #4  
Old 04-08-2009, 23:51
chungxa chungxa vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: May 2009
Tuổi: 28
Bài gởi: 89
Thanks: 0
Thanked 0 Times in 0 Posts
Đây không phải là cách bo góc chính thức, chỉ là ráp nối nhiều line và nó cũng thiếu linh hoạt, khi cần thay đổi sẽ rất cực (thay đổi góc, thêm border, background-image...). Dù sao cũng rất hoan nghênh bạn tìm được cho anh em 1 cách
  #5  
Old 05-08-2009, 10:47
shaolin shaolin vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Apr 2009
Tuổi: 30
Bài gởi: 63
Thanks: 1
Thanked 2 Times in 2 Posts
-cái thằng IE này đúng là khó chịu thiệt trình duyệt nào cung nhận nó thì không
-hiển thị định dang ảnh PNG các trình duyệt khác thì đẹp như mơ còn thằng IE thì răng cưa tùm lum
Thank chungxa và tuannit nhé mình đang tìm cách khác để bo góc(kết hợp với đồ họa)không biết có ổn không
  #6  
Old 18-08-2009, 00:30
bancamden bancamden vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: May 2009
Tuổi: 24
Bài gởi: 53
Thanks: 22
Thanked 4 Times in 3 Posts
Bạn có thể vẽ ra rồi chèn image ra thì thành góc bo cho khỏe
  #7  
Old 09-07-2010, 21:51
vo_danh_1988 vo_danh_1988 vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: May 2010
Tuổi: 26
Bài gởi: 15
Thanks: 1
Thanked 1 Time in 1 Post
Cool

Trích:
Nguyên văn bởi bancamden View Post
Bạn có thể vẽ ra rồi chèn image ra thì thành góc bo cho khỏe
Bạn có thể down file có đuôi HTC ở trên mạng về, rồi vào chỗ css quy định thuộc tính bo tròn góc gõ là: behavior:src="...file.HTC" là được.
Những người sau đây đã gửi lời cảm ơn vo_danh_1988 vì bài viết hữu ích này:
  #8  
Old 24-07-2010, 15:20
kaka5a kaka5a vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Jul 2010
Tuổi: 25
Bài gởi: 6
Thanks: 1
Thanked 1 Time in 1 Post
Trích:
Nguyên văn bởi vo_danh_1988 View Post
Bạn có thể down file có đuôi HTC ở trên mạng về, rồi vào chỗ css quy định thuộc tính bo tròn góc gõ là: behavior:src="...file.HTC" là được.
Sao bạn không cho cái link down cụ thể + một chút hướng dẫn, chứ nói thế này thì làm sao tưởng tượng được...
Sponsored links
Ðề tài đã khoá

Bookmarks

Ðiều Chỉnh

Quyền Sử Dụng Ở Diễn Ðàn
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Mở
Smilies đang Mở
[IMG] đang Mở
HTML đang Tắt

Chuyển đến



Múi giờ GMT +7. Hiện tại là 23:04
Powered by: vBulletin Version 3.8.7
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Ad Management by RedTyger