Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ช่วยทีครับ มีปัญหากับการใช้ CSS กำหนดพื้นหลังแบบโปร่งใส ทับ ลิสเมนู

ช่วยทีครับ มีปัญหากับการใช้ CSS กำหนดพื้นหลังแบบโปร่งใส ทับ ลิสเมนู

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

Geng

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

จากรูปจะเห็นว่า พื้นหลังที่สั่งด้วย CSS ทับเมนู ทำให้กดไม่ได้ ลองหาคำสั่งอื่่นแล้วก็หาไม่เจอครับ
ไฟล์หน้าหลัก
Code (PHP)

<?
session_start(); //admin
	if ($_SESSION['ADMIN'] == "") {    //ถ้าตัวแปรเป็นค่า ว่าง
	header("Location:../index.php");   //ให้ไปหน้า login
	 }
include("../system/config/connect.php");
$NResult = mysql_fetch_array(mysql_query("SELECT * FROM member WHERE IDstd = '".$_SESSION["TEACHER"]."' "));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ผู้ดูแลระบบ</title>
<!-- เรียกใช้งานไฟล์ CSS -->
<link rel="stylesheet" type="text/css" href="css/stype_index.css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>

<body class="bg">
<!--<div class="center_div"> -->
  <table border="0" align="center" cellpadding="3" cellspacing="2">
    <tr >
      <td colspan="2" valign="top" class="header">รหัสผู้ใช้งาน <? echo $NResult["IDstd"];?> ผู้ใช้งาน <? echo $NResult["fname"];?> <? echo $NResult["lname"];?> ระดับใช้งาน <? echo $NResult["rang"]?></td>
    </tr>
    <tr >
      <td valign="top" class="menubar"><ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="index.php" title="หน้าหลัก">Home</a></li>
        <li><a href="#" title="เช็คเวลาเรียน" class="MenuBarItemSubmenu">เช็คเวลาเรียน</a>
          <ul>
            <li><a href="stdlist/sl_classroom.php?chkdo=now&datein=<?=date("Y-m-d");?>" title="เช็คชื่อรายวัน" target="data">ประจำวันนี้</a></li>
            <li><a href="stdlist/sldate.php?chkdo=datelate" title="เช็คชื่อย้อนหลัง" target="data">ย้อนหลัง</a></li>
            <li><a href="stdlist/sldate.php?chkdo=edit" title="แก้ไขข้อมูลการขาดเรียน" target="data">แก้ไขข้อมูลการขาดเรียน</a></li>
            <li><a href="stdlist/sldate.php?chkdo=editlate" title="แก้ไขข้อมูลมาสาย" target="data">แก้ไขข้อมูลมาสาย</a></li>
          </ul>
        </li>
          
        <li><a href="#" class="MenuBarItemSubmenu">รายงาน</a>
              <ul>
                   <li><a href="#" class="MenuBarItemSubmenu">ประจำวัน</a>
                         <ul>
                            	<li><a href="chkin/view_std.php" target="data">รายชื่อนักเรียนที่ขาด</a></li>
                  				<li><a href="chkin/sumchkin.php" target="data">สรุปจำนวนขาดเรียนระดับชั้น</a></li>
                                <li><a href="chkin/sumchkclass.php" target="data">สรุปจำนวนขาดเรียนระดับห้องเรียน</a></li>
                		</ul>
                   </li>
              
                   <li><a href="#" class="MenuBarItemSubmenu">ย้อนหลัง</a>
                         <ul>
                               <li><a href="chkin/view_std.php" target="data">รายชื่อที่ขาด</a></li>
                               <li><a href="chkin/sldate.php?chkdo=datelate" target="data">จำนวนที่ขาด</a></li>
                         </ul>  
                </li>    
          </ul>
        </li>
        <li><a href="#" title="จัดการ" class="MenuBarItemSubmenu">จัดการ</a>
          <ul>
            <li><a href="date_work/date_work_pf.php" title="กำหนดวันที่ใช้แก้ไขข้อมูลส่วนตัว" target="data">กำหนดวันที่</a></li>
            <li><a href="register/regis.php" title="เพิ่มผู้ใช้งานใหม่" target="data">เพิ่มชื่อนักเรียน</a></li>
            <li><a href="register/regis_tea.php" target="data">เพิ่มชื่ออาจารย์</a></li>
            <li><a href="register/regis_pk.php" target="data">เพิ่มฝ่ายปกครอง</a></li>
            <li><a href="manange_user/std_view.php" target="data">รายชื่อนักเรียน</a></li>
            <li><a href="manange_user/tea_view.php" target="data">รายชื่อครู</a></li>
            <li><a href="changclass/index_changclass.php" title="เปลี่ยนระดับชั้นการศึกษา" target="data">เลื่อนระดับชั้น</a></li>
          </ul>
        </li>
        <li><a href="../system/logout.php" title="logout">ออกจากระบบ</a></li>
      </ul>      </td>
      <td valign="top" class="abc" bgcolor="#666666"><iframe width="1000px" height="560px" name="data" style="border-style:hidden;"></iframe>
      <!--<iframe width="1000px" height="560px" name="data" style="border-style:hidden"></iframe>--></td>
    </tr>
</table>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

ไฟล์ CSS
Code (PHP)

<style type="text/css">
<!--
.bg {
/*background-image:url(../images/Bg.png);*/
background-image:url(../images/BG.jpg);
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
}
.abc {
filter: alpha(opacity=73);
-moz-opacity:.73;
opacity:.73;
}
</style>

Tag : PHP, HTML/CSS, JavaScript

Date : 2015-12-03 15:19:31

By : akkaneetha

View : 2539

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ลองเพิ่ม

Code

z-index: 100;

เปลี่ยนตัวเลขได้ครับ

Date : 2015-12-04 09:16:39

By : mr.win

No. 2

Geng

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

ก็ยังไม่ได้เหมือนเดิมครับ

แล้วมีจุดหนึ่งที่เจอ

บรรทัดที่ใช้

Code (PHP)

<td valign="top" class="menubar"><ul id="MenuBar1" class="MenuBarVertical">

เมื่อลบคลาสออก แล้วในบรรทัด

Code (PHP)

<td valign="top" class="abc"><iframe width="1000px" height="560px" name="data" style="border-style:hidden;"></iframe>

ที่ตั้งใจจะทำพื้นหลังโปร่ง ไม่ได้มีการเปลี่ยนค่าใด ๆ พื้นหลังก็ไม่ทับเมนูแล้ว เลยไม่เข้าใจครับ

ก่อนลบ

หลังลบ

ปัญหาที่อันที่พบคือ พอกดลิ้งค์จากเมนูมาแสดงใน iframe ทุกอย่างจะจางตามพื้นหลังหมดเลยครับ

ประวัติการแก้ไข
2015-12-04 13:54:45

Date : 2015-12-04 13:53:14

By : akkaneetha

ค้นหาข้อมูล

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

Re : ช่วยทีครับ มีปัญหากับการใช้ CSS กำหนดพื้นหลังแบบโปร่งใส ทับ ลิสเมนู

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01