За последние 24 часа нас посетили 21772 программиста и 1690 роботов. Сейчас ищет 1931 программист ...

div:cover не работает

Тема в разделе "HTML и CSS", создана пользователем kotik2, 26 окт 2015.

  1. kotik2

    kotik2 Новичок

    С нами с:
    10 окт 2015
    Сообщения:
    39
    Симпатии:
    0
    Код (PHP):
    1. <div class="leftblock480 block grayscale">
    2.                 <?$url='http://'.$_SERVER["SERVER_NAME"].'/'?>
    3.                 <div class="kross"></div>
    4.                 <div class="kross_logo"></div>
    5.                 <div class="kross_label"></div>
    6.                 <div class="span">БЕЗУПРЕЧНОЕ КАЧЕСТВО</div>
    7.                 <form><input  class="btn main_button" value="Подробнее..." onclick="location.href='<?=$url?>'" type="button"></form>
    8.             </div>
    Код (PHP):
    1. .block{
    2.     background:#edefee;
    3.     display: block;
    4.     border-radius:5px;
    5.     position:relative;
    6.     -webkit-filter: grayscale(100%);
    7.   -moz-filter: grayscale(100%);
    8.   -ms-filter: grayscale(100%);
    9.   -o-filter: grayscale(100%);
    10.   filter: grayscale(100%);
    11.   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    12.   filter: gray; / IE 6-9 /
    13. }
    14. div.block:hover>div {
    15.   -webkit-filter: grayscale(0%);
    16.   -moz-filter: grayscale(0%);
    17.   -ms-filter: grayscale(0%);
    18.   -o-filter: grayscale(0%);
    19.   filter: none; 
    20. }
    21. .block>div.kross{
    22.     position:absolute;
    23.     height:230px;
    24.     width:480px;
    25.     background:url("images/kross_1.png") -100% 40% no-repeat #fff;
    26.     border-radius:5px;
    27.     
    28. }
    29.  
    30. .block>div.kross_logo{
    31.     position:absolute;
    32.     height:31px;
    33.     width:160px;
    34.     top:20px;
    35.     left:20px;
    36.     background:url("images/logo_Kross.png") 100% 100% no-repeat;
    37.     border-radius:5px;
    38.     background-size:cover;    
    39. }
    40. .block>div.kross_label{
    41.     position:absolute;
    42.     height:18px;
    43.     width:160px;
    44.     top:56px;
    45.     left:20px;
    46.     background:url("images/kross_label.png") 100% 100% no-repeat;  
    47.     background-size:cover;    
    48. }
    49.  
    подскажите,плиз...

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    kotik2, а ты где такое делаешь : "div:cover не работает" ?? ((:)