@charset "utf-8";
@font-face {
font-family: 'Lucida Grande';
src: url('../fonts/lucida-grande.ttf');
}
body {
font: normal .80em Lucida Grande ';
background : url(../images/back.jpg) no-repeat center fixed;
color: #fff;
}
h1, p {
font-family: 'Lucida Grande';
}
* {
margin: 1px;
padding: 1px;
border: 0px;
}
li {
list-style-type: none;
}
li:before {
content: "* ";
}
#main {
color: #fff;
background: #565556;
background: -moz-linear-gradient(-45deg, #565556 1%, #565556 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#565556), color-stop(100%,#565556));
background: -webkit-linear-gradient(-45deg, #565556 1%,#565556 100%);
background: -o-linear-gradient(-45deg, #565556 1%,#565556 100%);
background: -ms-linear-gradient(-45deg, #565556 1%,#565556 100%);
background: linear-gradient(135deg, #565556 1%,#565556 100%);
filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#565556', endColorstr='#565556',GradientType=1 );
filter: alpha(opacity=90);
filter: progid :DXImageTransform.Microsoft.Alpha(opacity=90);
opacity: 0.9;
}
#left {
width: 20%;
height: 100%;
float: left;
}
#right {
width: 20%;
height: 100%;
float: right;
}
<?php
defined('_JEXEC') or die ;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this -> baseurl;?>/templates/<?php echo $this -> template;?>/css/style.css" type="text/css" />
<meta http-equiv="pragma" CONTENT="no-cache">
<!--[if gte IE 9]>
<style type="text/css">
#main {
filter: none;
}
</style>
<![endif]-->
</head>
<body>
<!-- <div id="header"></div> -->
<div id="main">
<div id="left">
блаблабла
</div>
<div id="right">
блаблабла
</div>
блаблабла
</div>
<!-- <div id="footer"></div> -->
</body>
</html>
это шаблон для джумлы 2.5, но наверно это особо не важно. суть проблемы - в ие и мозилле нет фоновой картинки. в хроме отображается нормально. подскажите плз где косяк?
Спустя 1 минута, 53 секунды (11.07.2012 - 01:08) CyberFuntik написал(а):
зы градиент делал на http://www.colorzilla.com/gradient-editor/
Спустя 9 минут, 17 секунд (11.07.2012 - 01:17) inpost написал(а):
Вверху посмотри, ошибка №1 у тебя в синтаксисе.
Ошибка №2 - ты используешь градиенты, а это уже ошибка, так как частью браузеров не поддерживаются. Это CSS3, а это новые стандарты не для всех.
Ошибка №2 - ты используешь градиенты, а это уже ошибка, так как частью браузеров не поддерживаются. Это CSS3, а это новые стандарты не для всех.
Спустя 12 минут, 9 секунд (11.07.2012 - 01:30) Invis1ble написал(а):
| Цитата |
| font: normal .80em Lucida Grande '; |
inpost
| Цитата |
| Ошибка №2 - ты используешь градиенты, а это уже ошибка, так как частью браузеров не поддерживаются |
ошибка - это использование не поддерживающих градиенты браузеров
Спустя 4 часа, 51 минута, 33 секунды (11.07.2012 - 06:21) Shkiper написал(а):
И в цССе не используешь кроссбраузерность. Например для opacityюВ IE он пишеться filter:alpha(opacity=9).
Спустя 6 часов, 20 минут, 55 секунд (11.07.2012 - 12:42) inpost написал(а):
Invis1ble
Тут одно из двух, либо сразу на CSS2, либо пиши на СSS3 + отдельно делай хаки для старых браузеров
Хотя зная тебя, был бы ты верстальщиком, то сделал бы под каждый браузер свой хак
Тут одно из двух, либо сразу на CSS2, либо пиши на СSS3 + отдельно делай хаки для старых браузеров
Хотя зная тебя, был бы ты верстальщиком, то сделал бы под каждый браузер свой хак
Спустя 5 минут, 32 секунды (11.07.2012 - 12:48) Gabriel написал(а):
inpost
| Цитата |
| Ошибка №2 - ты используешь градиенты, а это уже ошибка, так как частью браузеров не поддерживаются. Это CSS3, а это новые стандарты не для всех. |
ет какие такие браузеры не поддерживают?
Спустя 7 минут, 17 секунд (11.07.2012 - 12:55) inpost написал(а):
Gabriel
ИЕ7-8, и частично ИЕ9.
ИЕ7-8, и частично ИЕ9.
Спустя 16 минут, 19 секунд (11.07.2012 - 13:11) CyberFuntik написал(а):
| Цитата (Shkiper @ 11.07.2012 - 03:21) |
| И в цССе не используешь кроссбраузерность. Например для opacityюВ IE он пишеться filter:alpha(opacity=9). |
filter: alpha(opacity=90); выше через строчку
я так, впринципе и думал, что рановато css3 использовать... а как его можно заменить на темный фон, скажем полупрозрачный, чтобы background было видно немного?
Спустя 27 минут, 51 секунда (11.07.2012 - 13:39) inpost написал(а):
CyberFuntik
png с полупрозрачным фоном
png с полупрозрачным фоном
Спустя 45 минут, 38 секунд (11.07.2012 - 14:25) Gabriel написал(а):
inpost
это чего ишак не поймёт из данного кода? для него специально поставлены filter (правда давно этой мутью не занимался забыл как оно пашет).
это чего ишак не поймёт из данного кода? для него специально поставлены filter (правда давно этой мутью не занимался забыл как оно пашет).
Спустя 9 минут, 38 секунд (11.07.2012 - 14:34) inpost написал(а):
Эти фильтры кривые, и если в ИЕ9 ещё может работать, то я уверен, что в ИЕ7 ничего не будет.
Спустя 35 минут, 14 секунд (11.07.2012 - 15:10) Shkiper написал(а):
IE ваще какой-то выпендрежный. У всех браузеров одни стили а у него другие. пздс че нельзя одни сделать 
Спустя 10 минут, 42 секунды (11.07.2012 - 15:20) inpost написал(а):
Shkiper
moz, webkit, -o- , - это всё ОБЩИЕ СТИЛИ всех браузеров? Почитал бы лучше темку...
moz, webkit, -o- , - это всё ОБЩИЕ СТИЛИ всех браузеров? Почитал бы лучше темку...
Спустя 10 минут, 50 секунд (11.07.2012 - 15:31) Shkiper написал(а):
| Цитата |
| Почитал бы лучше темку. |
