ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comความรู้ทั่วไปGeneral (ถามคุยวิชาการ IM)►►► สอบถามเกี่ยวกับ css if ie [+1 ทุกคำตอบ]◄◄◄
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ►►► สอบถามเกี่ยวกับ css if ie [+1 ทุกคำตอบ]◄◄◄  (อ่าน 762 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
TummZ
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 93
ออฟไลน์ ออฟไลน์

กระทู้: 1,346



ดูรายละเอียด เว็บไซต์
« เมื่อ: 15 มกราคม 2012, 13:19:18 »

ผมต้องการเขียน css ให้แยก browser โดยใช้โค๊ดดังนี้

<!--[if IE 7]>   <link rel="stylesheet" type="text/css" href="css/_ie/ie7.css" />   <![endif]-->
<!--[if IE 8]>   <link rel="stylesheet" type="text/css" href="css/_ie/ie8.css" />   <![endif]-->
<!--[if IE 9]>   <link rel="stylesheet" type="text/css" href="css/_ie/ie9.css" />   <![endif]-->

แต่ปัญหาอยู่ที่ เมื่อผมต้องการจัด css ของ ie ผมต้องใช้คำสั่ง !important ต่อท้ายทุกคลาสเลย ถ้าไม่ใส่ มันจะไม่แสดงผลให้อ่ะครับ

ท่านๆ พอมีวิธีไหนบ้างที่จัดหน้าได้โดยไม่ต้องใส่ !important

+1 ให้ทุกท่าน เพื่อเป็นกำลังใจ
ขอบคุณครับ
 wanwan017
บันทึกการเข้า

spmazon
Verified Seller
ก๊วนเสียว
*

พลังน้ำใจ: 42
ออฟไลน์ ออฟไลน์

กระทู้: 464



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 15 มกราคม 2012, 13:23:40 »

ลองเช็คด้วย php แล้วแยก css น่าจะดีกว่านะครับเราจะได้ไม่งงด้วย

โค๊ด:
<?php
$useragent 
$_SERVER[‘HTTP_USER_AGENT’]);
if (
preg_match(|MSIE ([0-9].[0-9]{1,2})|,$useragent,$matched)) {
    
$browser_version=$matched[1];
    
$browser ‘IE’;
} elseif (
preg_match|Opera ([0-9].[0-9]{1,2})|,$useragent,$matched)) {
    
$browser_version=$matched[1];
    
$browser ‘Opera’;
} elseif(
preg_match(|Firefox/([0-9\.]+)|,$useragent,$matched)) {
        
$browser_version=$matched[1];
        
$browser ‘Firefox’;
} elseif(
preg_match(|Safari/([0-9\.]+)|,$useragent,$matched)) {
        
$browser_version=$matched[1];
        
$browser ‘Safari’;
} else {
        
// browser not recognized!
    
$browser_version 0;
    
$browser‘other’;
}
บันทึกการเข้า

TummZ
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 93
ออฟไลน์ ออฟไลน์

กระทู้: 1,346



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 15 มกราคม 2012, 13:29:32 »

ลองเช็คด้วย php แล้วแยก css น่าจะดีกว่านะครับเราจะได้ไม่งงด้วย

โค๊ด:
<?php
$useragent 
$_SERVER[‘HTTP_USER_AGENT’]);
if (
preg_match(|MSIE ([0-9].[0-9]{1,2})|,$useragent,$matched)) {
    
$browser_version=$matched[1];
    
$browser ‘IE’;
} elseif (
preg_match|Opera ([0-9].[0-9]{1,2})|,$useragent,$matched)) {
    
$browser_version=$matched[1];
    
$browser ‘Opera’;
} elseif(
preg_match(|Firefox/([0-9\.]+)|,$useragent,$matched)) {
        
$browser_version=$matched[1];
        
$browser ‘Firefox’;
} elseif(
preg_match(|Safari/([0-9\.]+)|,$useragent,$matched)) {
        
$browser_version=$matched[1];
        
$browser ‘Safari’;
} else {
        
// browser not recognized!
    
$browser_version 0;
    
$browser‘other’;
}
+1

ไฟล์ css ผมแยกแล้วครับ เป็น ie7.css, ie8.css, ie9.css

แต่ติดตรงต้องใส่ !important นี่แหละครับ คืออยากให้แสดงผลโดยไม่ต้องใส่ค่า !important อ่ะครับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์