Поддержка Темы и шаблоны Send Buton CSS — в IE отображается не корректно

  • Решено comvirus

    (@comvirus)


    Send Buton CSS — в IE отображается не корректно. В Firefox все выглядит как нужно.
    Помогите найти проблему.

    #comments input#submit {
    	background: -moz-linear-gradient(center top , #F04A16, #FF9653) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 0 none;
        border-radius: 3px;
        color: #FFFFFF;
        display: block;
        margin: 10px 30px 0 0;
        padding: 10px 25px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 0 #FF9653;
        text-transform: uppercase;
        }
    
        #comments input#submit:hover {
    	color:#fff;
    	text-decoration:none;
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F04A16',endColorstr='#FF9653');
    	background: -moz-linear-gradient(center top , #FF9653, #F04A16) repeat scroll 0 0 rgba(0, 0, 0, 0);
    	border: 0 none;
        border-radius: 3px;
        color: #FFFFFF;
        display: block;
        margin: 10px 30px 0 0;
        padding: 10px 25px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 0 #FF9653;
        text-transform: uppercase;
        cursor				:	pointer;
        }
Просмотр 1 ответа (всего 1)
  • Решил проблему таким образом:

    #comments input#submit {
    	display: inline-block;
    	outline: none;
    	cursor: pointer;
    	text-align: center;
    	text-decoration: none;
    	font: 14px/100% Arial, Helvetica, sans-serif;
    	padding: .5em 2em .55em;
    	text-shadow: 0 1px 1px rgba(0,0,0,.3);
    	-webkit-border-radius: .5em;
    	-moz-border-radius: .5em;
    	border-radius: .5em;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    	box-shadow: 0 1px 2px rgba(0,0,0,.2);
    	color: #fef4e9;
    	border: solid 1px #da7c0c;
    	background: #f78d1d;
    	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
        }
    
        #comments input#submit:hover {
    	text-decoration: none;
    	background: #f47c20;
    	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
        cursor				:	pointer;
        }
    
    	#comments input#submit:active {
    	position: relative;
    	top: 1px;
    	color: #fcd3a5;
    	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }
Просмотр 1 ответа (всего 1)
  • Тема «Send Buton CSS — в IE отображается не корректно» закрыта для новых ответов.