مبتدی: مشکل این کد ! [بایگانی]

farazsahebdel

سه شنبه 08 بهمن 1392, 18:22 عصر

سلام

نمی دونم چرا تو opera قسمت transition کار می کنه ولی تو firefox و chrome کار نمی کنه !

<!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>Untitled Document</title>
<style>
*{
margin:0;
padding:0;
border:0;
}
body{
direction:rtl;
font:Tahoma, Geneva, sans-serif;
}
li{
list-style:none;
}
a{
text-decoration:none;
}
h2{
text-align:right;
font:Arial, Helvetica, sans-serif;
}
.count{
width:200px;
height:20px;
position:relative;
}
.count a{
display:block;
position:relative;
padding:20px;
color:#FFF;
transition:all 0.2s ease-out;
}
.count a:hover{
right:-10px;
}
.count li:nth-child(1) a{
background-color:#666;
}
.count li:nth-child(2) a{
background-color:#444;
}
.count li:nth-child(3) a{
background-color:#111;
}
.count li:nth-child(4) a{
background-color:#999;
}
</style>
</head>

<body>
<ul class="count">
<li><a href="#"><h2>فراز</h2></a></li>
<li><a href="#"><h2>فراز</h2></a></li>
<li><a href="#"><h2>فراز</h2></a></li>
<li><a href="#"><h2>فراز</h2></a></li>
</ul>
</body>
</html>

tekide

سه شنبه 08 بهمن 1392, 19:29 عصر

سلام
شما باید به cssبفهمونید همه مرورگرهارو
مثلا برا کد شما

-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;

msفک کنم برا سفری هست.-o-برا اوپرا..-moz-برا فایر فکس..-webkit-هم برا کروم و ایکسپلورر..
برا هر دیوی که این کدها رو میذاری باید برا هر مرورگرم تنظیم کنی
..برا دیو اصلی که هاورش میکنی transition رو بذار یه موقع برگشت هم افکت داشته باشه
یا علی

qartalonline

سه شنبه 08 بهمن 1392, 19:34 عصر

اگه transition رو برای به راست بردن لینک ها هنگام hover میخواین کار نمیکنه باید یا با margin جابه جا کنید یا از انیمیشن استفاده کنید.

farazsahebdel

سه شنبه 08 بهمن 1392, 19:45 عصر

سلام
شما باید به cssبفهمونید همه مرورگرهارو
مثلا برا کد شما

-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;

msفک کنم برا سفری هست.-o-برا اوپرا..-moz-برا فایر فکس..-webkit-هم برا کروم و ایکسپلورر..
برا هر دیوی که این کدها رو میذاری باید برا هر مرورگرم تنظیم کنی
..برا دیو اصلی که هاورش میکنی transition رو بذار یه موقع برگشت هم افکت داشته باشه
یا علی

والا اینا رو گذاشتم ولی بازم نشده !

آخه چرا تو opera می شه ولی تو firefox و chrome نمی شه !