ทำยังไงให้ css border-radius ใช้กับ ie8 หรือต่ำกว่านี้ได้ครับ

Hardwares & Others
1

จนปัญญาแล้วครับ ช่วยด้วยนะครับ


    -webkit-border-radius: 5px;
    border-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;

ตามด้านบนก็ยังใช่ไม่ได้ครับ

2

คำสั่ง css3 ไม่สามารถใช้กับ ie ต่ำกว่า 8 ไปได้. (โดยสิ้นเชิง)

คุณต้องเขียน css แยก สำหรับ ie แต่ละ version และใช้ เทคนิคของ css2 แทน

3

ถ้ายังใช้ css ต้องทำใจให้ขอบเป็นสี่เหลี่ยมต่อไปครับ
หรือวิธีแก้ทางหนึ่ง คือใช้ border image/background image แทนครับ

4

http://fetchak.com/ie-css3/

5

ขอบคุณครับ ท่าน jellopy ครับ

อันนี้ใช้ได้จริงครับ ที่ผมทดลอง คือบน IE8 รับประกันครับ

6

นี่อีกอันครับ
http://css3pie.com/demos/gradient-patterns/
…

http://fetchak.com/ie-css3/
อันนี้ผมทดสอบแล้ว ไม่ได้ผลบน IE8 นะครับเอ่…

7

[h=3]Styles and their status[/h][TABLE]
[TR]
[TH=“align: left”]Style[/TH]
[TH=“align: left”]What works[/TH]
[TH=“align: left”]What doesn’t work[/TH]
[/TR]
[TR]
[TD=“align: left”]border-radius[/TD]
[TD=“align: left”]

  • Setting a radius for all four corners
  • Element borders

[/TD]
[TD=“align: left”]

  • Setting a radius for individual corners separately

[/TD]
[/TR]
[TR]
[TD=“align: left”]box-shadow[/TD]
[TD=“align: left”]

  • Blur size
  • Offset

[/TD]
[TD=“align: left”]

  • Any color other than #000

[/TD]
[/TR]
[TR]
[TD=“align: left”]text-shadow[/TD]
[TD=“align: left”]

  • Blur size
  • Offset
  • Color

[/TD]
[TD=“align: left”]

  • The shadow looks a little bit different than it does in FF/Safari/Chrome, I’m not sure why

[/TD]
[/TR]
[/TABLE]

ต้องอ่านดีๆครับ :07baa27a:

แล้วก็มันจะมีบัคบางอย่าง ยังไงก็ไม่สมบูรณ์ 100% ครับ
(เช่น border:solid 1px #000; แล้วใส่ border-radius ลงไป ขอบจะเริ่มแตกลาย)

8

ผมทดสอบ url http://fetchak.com/ie-css3/
กับ ie8 บน xp พบว่า border effect / shadow ไม่ทำงานเช่นกันครับ

เช่นเดียวกับ pie
ผมไม่แน่ใจว่าการตั้งค่าผิดพลาดประการใดไหม แต่เท่าที่ทดสอบ เป็น win xp3 ลงใหม่

และโหลดมาอีกหลายๆ .htc ก็ไม่ได้ผล

9

ของผมทดสอบบน Chrome , IE 8 (Win7) , IE 8 (WinXP SP3)
ได้ผลตามนี้




สงสัยท่านไปตั้งค่าอะไรไว้รึเปล่า :154218d4:

10

เปิดไฟล์ .htc ดูกันบ้างหรือยังครับ มันเป็น java นะครับ