Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > hover ไม่ทำงานค๊ะ คือ ตอนเอาเมาส์ชี้ แล้วไม่เป็นตามที่เขียนโค๊ดไว้ค๊ะ

hover ไม่ทำงานค๊ะ คือ ตอนเอาเมาส์ชี้ แล้วไม่เป็นตามที่เขียนโค๊ดไว้ค๊ะ

เริ่มหัวข้อใหม่

pppp

โพสกระทู้ ( 417 )
บทความ ( 0 )

Code (PHP)

<style type="text/css">
	#mySlideToggler{
	    cursor:pointer;
            height: 48px;
            width: 67px;
            background: url(http://peveea.com/themes/v6/img/top_page.png) no-repeat;
	}

	#mySlideToggler:hover{
	    cursor:pointer;
            height: 48px; 
            width: 67px;
            background: url(http://peveea.com/themes/v6/img/top_page_hover.png) no-repeat;
	}
</style>

        <div id="mySlideToggler">
        </div>

chrome กับ firefox hover ทำงานค๊ะ แต่ Ie ไม่ทำเลย แก้ไขอย่างไรดีค๊ะ

Tag : PHP, MySQL

Date : 2013-02-21 20:41:36

By : dferru

View : 1643

Reply : 3

No. 1

phpinfo()

โพสกระทู้ ( 1,819 )
บทความ ( 20 )

คุณใช้ IE อะไรผมไม่รู้ แต่ผมลองทดสอบด้วย IE7 ก็เป็นแบบคุณ

ผมเลยเซิร์ชกูเกิ้ลด้วยคีย์เวิร์ด css :hover ie7 และได้ลิงก์นี้มา

http://stackoverflow.com/questions/143296/problem-with-hover-in-ie7

เขาบอกว่า IE7 ไม่อนุญาตให้ใช้ :hover กับ element อื่นที่ไม่ใช่ <a>
เว้นเสียแต่ว่า คุณจะใส่ doctype ในเอกสาร html ครับ (จะเป็น doctype อะไรก็ได้ แต่ขอให้รูปแบบถูกต้อง)

<!DOCTYPE html>
<style type="text/css">
	#mySlideToggler{
	    cursor:pointer;
            height: 48px;
            width: 67px;
            background: url(http://peveea.com/themes/v6/img/top_page.png) no-repeat;
	}

	#mySlideToggler:hover{
	    cursor:pointer;
            height: 48px; 
            width: 67px;
            background: url(http://peveea.com/themes/v6/img/top_page_hover.png) no-repeat;
	}
</style>

        <div id="mySlideToggler">
        </div>

Date : 2013-02-22 04:49:15

By : cookiephp

No. 2

phpbasic

โพสกระทู้ ( 1,579 )
บทความ ( 3 )

ถ้าใช้ mySlideToggler:hover แบบนี้ตะกูล IE ใช้ไม่ได้ครับแต่ IE9 น่าจะใช้ได้มั่งผมเองก็ไม่มีทดสอบคำสั่งที่ใหม่ๆ หรือจะเขียนให้มันสั่งๆลง IE มันไม่รู้จักครับมันโบราณอัพเดทก็ช้า ถ้าอยากใช้ได้ chrome / firefox / ie ต้องทำการ hack ie เอาครับ

Date : 2013-02-22 10:19:07

By : somparn

No. 3

pppp

โพสกระทู้ ( 417 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : cookiephp เมื่อวันที่ 2013-02-22 04:49:15

รายละเอียดของการตอบ ::

ขอบคุณค๊ะ

Date : 2013-02-23 15:20:38

By : dferru

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : hover ไม่ทำงานค๊ะ คือ ตอนเอาเมาส์ชี้ แล้วไม่เป็นตามที่เขียนโค๊ดไว้ค๊ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก