บทความด้านคอมพิวเตอร์

บทความ, องค์ความรู้, การทำเว็บไซต์, ทำโปรแกรม

ค้นหา และศึกษาบทความด้านคอมพิวเตอร์ การเขียนเว็บไซต์ ทำเว็บไซต์ ทำโปรแกรม ทำโปรแกรมบนมือถือ ออกแบบเว็บไซต์ การเขียนโปรแกรม การออกแบบเว็บไซต์ ฐานข้อมูล รวมไปถึงข่าวแวดวง IT, Computer และบทความต่าง ๆ ที่ถูกคัดสรรมาอย่างดี ด้วยเนื้อหาที่สดใหม่ กระชับ และอ่านเข้าใจง่าย ซึ่งจะทำให้คุณสามารถที่จะแก้ไขปัญหาต่าง ๆ จากบทความ และองค์ความรู้ที่ทางเราเลือกมาให้ โดยบทความทุกบทความถูกเขียนขึ้นใหม่ ในเรื่องต่าง ๆ เพื่อนำเสนอมุมมองใหม่ ๆ ให้กับผู้อ่านทุกคน


ประเภทบทความ
บทความด้านคอมพิวเตอร์

    Opacity CSS3 การกำหนดค่าความทึบแสงของวัตถุชนิดต่าง ๆ

    บทความวันที่ 27 มิถุนายน 2556

    Opacity CSS3 คือ คำสั่งสำหรับการกำหนดค่าความทึบแสงของ Object หรือ วัตถุต่าง ๆ ที่ปรากฏบนหน้าเว็บไซต์ เช่น รูปภาพ ตัวอักษร หรือ DIV ตามที่เราต้องการ

     

    ตัวอย่างโปรแกรม

    <style>
    #box {
    	background:green;
    	width:100px;
    	height:100px;
    	border:solid 1px #009933;
    	padding:2px;
    }
    #box:hover {
    	cursor:pointer;
    	opacity:0.4;
    	filter:alpha(opacity=40);
    }
    </style>
    
    <div id='box'></div>
    

     

    หมายเหตุ

    1. IE9, Firefox, Google Chrome, Opera และ Safari ใช้คำสั่ง opacity เพื่อกำหนดค่าความทึบแสงของวัตถุ

    2. IE8 และเวอร์ชั่นก่อนหน้านี้ใช้คำสั่ง aplha สำหรับกำหนดค่าความทึบแสงของวัตถุ

     

    ผลลัพธ์

    หลังวางเม้าร์ที่ DIV เพื่อให้โปรแกรมทำงานตามคำสั่ง opacity หรือ alpha


    อ่านเนื้อหาอื่นเพิ่มเติมฟรี ได้ที่
    Devdit - พบคำตอบด้านไอทีและทำตามง่ายๆ



    คำค้นหา Opacity CSS3 การกำหนดค่าความทึบแสง, รับทำเว็บไซต์, รับเขียนเว็บไซต์