فراخوانی css هنگام لود سایت با کروم

[mohammadkiani]

سلام دوستان
من یک قالب طراحی کردم که با فایرفاکس و اینترنت اکسپولرر سازگارش کردم. اما تو کروم مشکل دارم. می خواستم چطور مثل دستور زیر دستوری بنویسم که اگر مرورگر کروم بود از یک css دیگه قالب رو بخونه:

<!--[if lte IE 7]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

[novinfard]

سلام،

این کار دو راه مختلف دارد. از اونجا که کروم یک مرورگر وابسته به موتور وبکیت است، شما می تونید در فایل Css خود این عبارت را اضافه کنید و استایلتون را درونش قرار بدید:

@media screen and (-webkit-min-device-pixel-ratio:0) { 


/* My Style Decleration */


}

راه دوم این هست که از داخل user agent صفحه، بیایید و مرورگر کروم را تشخصی دهید و بر اساس شرط جاوا اسکریپتی یا php این مرورگر را انتخاب کنید.

به طور مثال من با استفاده از جاوا اسکریپت، این شکلی نوشتم:

// define path of chrome css file
var sfile = '/chrome.css';


if (navigator.userAgent.toLowerCase().match('chrome'))
{
	var headID = document.getElementsByTagName('head')[0];         
	var cssNode = document.createElement('link');
	cssNode.type = 'text/css';
	cssNode.rel = 'stylesheet';
	cssNode.href = sfile;
	cssNode.media = 'screen';
	headID.appendChild(cssNode);
}

کافیه شما در کدی که نوشتم، در داخل متغیر sfile، آدرس فایل css مورد نظر رو بدید.

پیروز باشید