PDA

View Full Version : کار نکردن برخی قابلیت های html5


tuytoosh
یک شنبه 26 آبان 1392, 10:48 صبح
سلام
من میخوام bachground یه بخش سایتم بصورت ی طیف رنگی باشه
تا جایی ک میدونم از این کد باید استفاده کنم ک اینم نمیشه
background:linear-gradient(red,blue);

چرا؟
SlowCode
یک شنبه 26 آبان 1392, 12:56 عصر
سلام
از این سایت استفاده کن:
http://www.colorzilla.com/gradient-editor/
واسه ابی و قرمز میشه این:

background: #ff4f4f; /* Old browsers */
background: -moz-linear-gradient(top, #ff4f4f 0%, #35aeea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4f4f), color-stop(100%,#35aeea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff4f4f 0%,#35aeea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff4f4f 0%,#35aeea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff4f4f 0%,#35aeea 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff4f4f 0%,#35aeea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4f4f', endColorstr='#35aeea',GradientType=0 ); /* IE6-9 */


ولی ترکیب رنگ درستی نیست! آبی با آبی روشن. قرمز با قرمز روشن، بهتره.
Omid Jackson
یک شنبه 26 آبان 1392, 12:57 عصر
این چیه؟ کد بیشتر، توضیح بیشتر
tuytoosh
یک شنبه 26 آبان 1392, 14:26 عصر
من مشکلم اینه ک اصلا گرادیان تو صفحاتم تاثیری نداره

تو همه مرورگرامم امتحان کردم
SlowCode
یک شنبه 26 آبان 1392, 15:20 عصر
کدهایی که نوشتی رو بزار اینجا.
کد HTML + CSS
tuytoosh
یک شنبه 26 آبان 1392, 16:06 عصر
HtmlPage.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="StyleSheet.css" rel="stylesheet" />
<title>html page</title>
</head>
<body>
<div id="div1">
hello world!
</div>
</body>
</html>




stylesheet.css


#div1 {
background:linear-gradient(red,green);
}
Omid Jackson
یک شنبه 26 آبان 1392, 16:58 عصر
HtmlPage.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="StyleSheet.css" rel="stylesheet" />
<title>html page</title>
</head>
<body>
<div id="div1">
hello world!
</div>
</body>
</html>




stylesheet.css


#div1 {
background:linear-gradient(red,green);
}

بعضی از دستورات CSS3 تو بعضی از مرورگرها عمل نمیکنه یا باید شکل خاص خودش رو بزنین برای همین شما تو مرورگراتون که تست میکنین جواب نمیده
اون خط کد که شما دادین من تو فایرفاکس ورژن 25 تست کردم به درستی عمل کرد، به کامنت هایی که تو کد colorzilla هست توجه کنین ببینین کدوم خط برا چه مرورگر و چه ورژنی استفاده میشه
tuytoosh
یک شنبه 26 آبان 1392, 21:56 عصر
درسته منم با فایرفاکس 25 امتحان کردم جواب داد
احتمالا همه مرورگرام قدیمی بودن
ممنون