CSS เด็ดๆ

[ทำให้ใส ทำอย่างไร]

ทำให้ใส ทำอย่างไร
จากนี่ http://css-tricks.com/css-transparency-settings-for-all-broswers/
ใช้ได้ทุกยี่ห้อครับ

โค้ด:

.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

ตัวอย่าง ดูภาพที่ลอยข้างๆ เนี่ย ------------------->



โอ้ว

เจ๋งโคตร +

ป.ล. คลิกอีโม และอื่นๆไม่ได้เลยครับ  โดนบัง

ย้ายให้แล้วครับ ขยับมาเกะกะตรงช่องตอบซะเลย

ขอบคุณครับ 

 

โอโห transparent อันเดียว
ต้องทำสี่บรรทัดสี่ยี่ห้อเลยเหรอ

+แอนเต็มเหนี่ยวเลยครับ

4 บรรทัดแต่ความหมายเดียวกัน สำหรับหลายมาตรฐานครับ

http://www.wpdfd.com/issues/70/css_from_the_ground_up/
จริงๆ นี่ควรจะเป็นโพสต์แรกๆ ของกระจู๋นี้
เพราะเขาสอน css ตั้งแต่พื้นฐาน ที่เป็นพื้นฐานจริงๆ เลย
แถมมีแอบแว้บล้ำเส้นอนุบาลมามัธยมนิดนึงด้วยนะ

ดีครับ ชอบๆ

http://www.vdotmedia.com/blog/vertically-center-content-with-css/
Vdot Media - Vertically center content with CSS

จัดกึ่งกลางแนวตั้ง (ใช้กะ IE ได้)

โอ้วววว ได้เวลาเลิกใช้ table แล้ว 

หลังจากพยายามทำเว็บไปอีกเว็บนึง
ซึ่งที่แรกจะพยายามใช้ CSS จัด
แต่ว่าติดปัญหาหยุมหยิม โดยเฉพาะ IE 

แต่ด้วยงานเร่งและไม่มีหาวิธีแก้ปัญหาเล็กๆน้อยๆนั่น
ผมเลยรื้อเป็น Table หมดเลย (ตามความถนัด)


จึงถามว่า CSS เหมาะกับเว็บที่มี layout แบบไหนที่สุดครับ
แล้วถ้าใช้ Table ต่อไปเรื่อยๆจะเกิดปัญหาอะไรในอนาคตมั้ยครับ
หรือว่าลูกเล่นมันจะไปไม่ได้ไกล

หรือว่าเราต้องใช้คู่กันในลักษณะไหนหรือเปล่าครับ

(ขอโทษที่อาจจะซ้ำซากผมติดปัญหาการเปลี่ยนผ่านเทคโนโลยีตรงนี้มากเลย)

ที่ผมเจอกับตัวเองก็เว็บที่เป็น dynamic content อ่ะครับป๋า

content ที่ output ออกมาจากโปรแกรมอย่าง php ก็ให้จัดเป็น div ๆ ไป แล้วเอา css มาสวม เวลาจะแก้ก็แก้จาก css เอา
แต่ถ้าจัดด้วย table สมมุติแก้ design ที ก็ต้องไปยุ่งกับ code หลักของโปรแกรมที ลำบากและเสียเวลามาก คือขนาดเว็บที่ทำคนเดียวยั่งวุ่นวายขนาดนี้ นี่ถ้าไปโคงานกับเว็บโปรแกรมเมอร์คงมีต่อยกันตายแน่ๆเลยครับ

(ตั้งแต่จบมาเพิ่งขายเว็บออกไป 2 ตัว ประสบการณ์น้อยนิดแต่อยากแชร์ด้วยครับ  )

ตามนั้นเลยจ้ะ
แล้วก็ขอเสริมอีกหน่อย
ว่าเทเบิ้ลเนี่ย เหลือเอาไว้ได้ึครับ ไม่ผิดอะไร
แค่ไม่น่าจะเอามาใช้ทำโครงสร้างหลักของเว็บเหมือนแต่ก่อนแล้ว
แต่ถ้าต้องการเสนอข้อมูลเป็นตารางๆ ก็ยังใช้ได้ตามปกตินะ (ทั้งที่ css ก็ทำแทนได้แล้ว)

ทั้งนี่เรื่องหลักๆ ก็คงเพราะเทคโนโลยีตอนนี้มันเอื้อให้เราแยกตัวข้อมูลให้ขาดออกจากดีไซน์
ทำให้โค้ดไม่รกได้แล้วน่ะครับ แล้วเผื่อว่าจะเอาไปลงสื่ออื่น
เช่นดูในมือถือ เครื่องวี ฯลฯ มันก็ดูได้ แค่เปลี่ยนชุด css เอง

   +

ยังไม่รู้ว่าจะได้เอามาใช้เมื่อไหร่ดี  เพิ่มรอยหยักขึ้นมาเยอะเลย