Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   -------CSS-хаки (https://javascript.ru/forum/xhtml-html-css/11832-css-khaki.html)

Golovastik 16.09.2010 02:59

-------CSS-хаки
 
Скажите для того чтоб задавать дял браузера ИЕ для опр. классов опред. свойства для версий Ие:

* IE 6 — * html
* IE 7 — *+html

А что использовать для 8ой версии тогда?

exec 16.09.2010 05:12

html[xmlns*=""] селектор {свойство:значение\9;]свойство:default}

Golovastik 16.09.2010 18:12

__________

Golovastik 16.09.2010 18:32

Если написать так, будет 2 раза выводиться текст на картинке, а мне нужно 1 раз.
Код:


<span style="position:absolute; top:725px; left:35px;
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 
 <!--[if IE]>
 <span style="position:absolute; top:705px; left:35px;
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 <![endif]-->


Golovastik 16.09.2010 18:59

Не работает хак для ИЕ6,7,8, то есть выводит 2 раза текст.
Код:

<span style="position:absolute; top:725px; left:35px;
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 
 <!--[if gte IE 6]>
 <span style="position:absolute; top:705px; left:35px;
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;">
 Для женщин</span>
 <![endif]-->


exec 16.09.2010 19:07

Ставьте display: none, а при помощи хака, который я написал во втором посте, ставьте display: inline !important;

html[xmlns*=""] селектор {display:inline!important\9;]display:default}

Golovastik 16.09.2010 19:12

точно, вот так сработало.
Содержимое в отд. файле ксс:
Код:

.textpos1{position:absolute; top:725px; left:35px;
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

код хтмл:
Код:

<!--[if gte IE 6]>
 <style type="text/css">
 .textpos1{top:710px;}
 </style>
 <![endif]-->         
<span class="textpos1">Для женщин</span>


B@rmaley.e><e 16.09.2010 19:17

Цитата:

Сообщение от Golovastik
Не работает хак для ИЕ6,7,8, то есть выводит 2 раза текст.

1. Это не хак.
2. Он работает именно так как задан в документе.

Если Вам нужно выводить что-то только для ИЕ и что-то только для нормальных браузеров, используйте все те же условные комментарии.

Golovastik 16.09.2010 19:24

Вот так сработало для мозилы,только не понятно что это такое: html:root
html:root .textpos1{position:absolute; top:721px; left:35px; 
 font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}


А в гуглхроме вверх занесло, как в гуглхроме исправить?

Golovastik 16.09.2010 19:51

Как поставить условный коментарий в гуглхроме, и как поставить в браузере опера, выше версии 9,22(кроме 9,22),
на этих браузерах у меня отображается где-то в стороне, а не на картинке. Если кто знает, напишите как исправить.


Часовой пояс GMT +3, время: 04:08.