Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在不中断链接的情况下为IE应用背景大小修正?_Html_Css - Fatal编程技术网

Html 如何在不中断链接的情况下为IE应用背景大小修正?

Html 如何在不中断链接的情况下为IE应用背景大小修正?,html,css,Html,Css,我有一组链接,都可以在Chrome和Firefox上使用,但是IE中的一个链接是不可点击的,并且不能通过代码中的url链接。我现在知道原因是IE的背景大小修正。如何在不中断链接的情况下应用背景大小修正 HTML(TierTreeCenter链接在IE中不起作用): 嘿,现在给锚定链接显示属性如下 a.buttonLeft{ display:block; } 什么是“不起作用”?@11684该链接不可点击,并且没有通过代码中的url链接(我已编辑了该问题)抱歉,我将在上面添加按钮代码-我本应包含

我有一组链接,都可以在Chrome和Firefox上使用,但是IE中的一个链接是不可点击的,并且不能通过代码中的url链接。我现在知道原因是IE的背景大小修正。如何在不中断链接的情况下应用背景大小修正

HTML(TierTreeCenter链接在IE中不起作用):


嘿,现在给锚定链接显示属性如下

a.buttonLeft{
display:block;
}

什么是“不起作用”?@11684该链接不可点击,并且没有通过代码中的url链接(我已编辑了该问题)抱歉,我将在上面添加按钮代码-我本应包含此链接。不幸的是,该链接不起作用。我认为这可能与背景图像有关
.tierThree, .tierThreeOrange, .tierThreeCentre, {
    position:relative;
    float:left;
    width:190px;
    height:150px;
    margin:20px 23px 20px 0px;
    padding:0;
    box-shadow:5px 5px 10px #888686;
    -webkit-box-shadow:5px 5px 10px #888686;
    -moz-box-shadow:5px 5px 10px #888686;
}

.tierThree, .tierThreeOrange, .tierThreeBlack {
    background:url(/path/path2/images/hp/ah-t3l.png) no-repeat; 
    background-position: -49px -150px;
    background-size: 340px;
    background-position-x: -49px; /* IE fix */
    background-position-y: -150px /* IE fix */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/path2/images/hp/ah-t3l.png', sizingMethod='scale'); /* background-size fix for IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/path2/images/hp/ah-t3l.png',sizingMethod='scale')"; /* background-size fix for IE */
}

.tierThreeCentre {
    background:url(/path/path2/images/hp/ah-t3c.png) no-repeat;
    background-size:200px 150px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/path2/images/hp/ah-t3c.png', sizingMethod='scale'); /* background-size fix for IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//path/path2/images/hp/ah-t3c.png',sizingMethod='scale')"; /* background-size fix for IE */
}
.tierThreeRight, .tierThreeOrangeRight,  {
    position:relative;
    float:left;
    width:190px;
    height:150px;
    margin:20px 20px 20px 0px;
    padding:0;
    box-shadow:5px 5px 10px #E0E0E0;
    -webkit-box-shadow:5px 5px 10px #E0E0E0;
    -moz-box-shadow:5px 5px 10px #E0E0E0;
}

.tierThreeRight, .tierThreeOrangeRight, .tierThreeBlackRight {
    background:url(/path/path2/images/hp/ah-t3r.png) no-repeat;
    background-position:-30px
}

.button {
    -moz-box-shadow:inset 0px -8px 0px -1px #fe5715;
    -webkit-box-shadow:inset 0px -8px 0px -1px #fe5715;
    box-shadow:inset 0px -8px 0px -1px #fe5715;
    background:#fe5715; /* Old browsers */
    background:-moz-linear-gradient(top, #ffb260 0%, #fe5715 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb260), color-stop(100%,#fe5715)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #ffb260 0%,#fe5715 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #ffb260 0%,#fe5715 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, #ffb260 0%,#fe5715 100%); /* IE10+ */
    background:linear-gradient(top, #ffb260 0%,#fe5715 100%); /* W3C */
    _filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb260', endColorstr='#fe5715',GradientType=0 ); /* IE6-9 (underscrore hack for IE9) */
    -moz-border-radius:19px;
    -webkit-border-radius:19px;
    border-radius:19px;
    border:1px solid #ffffff;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:3px 17px;
    text-decoration:none;
    text-shadow:0px -1px 0px #fe5715;
    position:absolute;
    right:10px;
    bottom:15px;
}
.button:hover {
    -moz-box-shadow:inset 0px -6px 0px -1px #fe7944;
    -webkit-box-shadow:inset 0px -6px 0px -1px #fe7944;
    box-shadow:inset 0px -6px 0px -1px #fe7944;
    background:#fe7944; /* Old browsers */
    background:-moz-linear-gradient(top, #ffc180 0%, #fe7944 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc180), color-stop(100%,#fe7944)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #ffc180 0%,#fe7944 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #ffc180 0%,#fe7944 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, #ffc180 0%,#fe7944 100%); /* IE10+ */
    background:linear-gradient(top, #ffc180 0%,#fe7944 100%); /* W3C */
    _filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc180', endColorstr='#fe7944',GradientType=0 ); /* IE6-9 (underscrore hack for IE9) */
    text-shadow:0px 1px 0px #fe5715;
    text-decoration:none
}

.buttonLeft {
    -moz-box-shadow:inset 0px -8px 0px -1px #fe5715;
    -webkit-box-shadow:inset 0px -8px 0px -1px #fe5715;
    box-shadow:inset 0px -8px 0px -1px #fe5715;
    background:#fe5715; /* Old browsers */
    background:-moz-linear-gradient(top, #ffb260 0%, #fe5715 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb260), color-stop(100%,#fe5715)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #ffb260 0%,#fe5715 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #ffb260 0%,#fe5715 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, #ffb260 0%,#fe5715 100%); /* IE10+ */
    background:linear-gradient(top, #ffb260 0%,#fe5715 100%); /* W3C */
    _filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb260', endColorstr='#fe5715',GradientType=0 ); /* IE6-9 (underscrore hack for IE9) */
    -moz-border-radius:19px;
    -webkit-border-radius:19px;
    border-radius:19px;
    border:1px solid #ffffff;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:3px 17px;
    text-decoration:none;
    text-shadow:0px -1px 0px #fe5715;
    position:absolute;
    left:10px;
    bottom:15px;
}
.buttonLeft:hover {
    -moz-box-shadow:inset 0px -6px 0px -1px #fe7944;
    -webkit-box-shadow:inset 0px -6px 0px -1px #fe7944;
    box-shadow:inset 0px -6px 0px -1px #fe7944;
    background:#fe7944; /* Old browsers */
    background:-moz-linear-gradient(top, #ffc180 0%, #fe7944 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc180), color-stop(100%,#fe7944)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #ffc180 0%,#fe7944 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #ffc180 0%,#fe7944 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, #ffc180 0%,#fe7944 100%); /* IE10+ */
    background:linear-gradient(top, #ffc180 0%,#fe7944 100%); /* W3C */
    _filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc180', endColorstr='#fe7944',GradientType=0 ); /* IE6-9 (underscrore hack for IE9) */
    text-shadow:0px 1px 0px #fe5715;
    text-decoration:none
}
a.buttonLeft{
display:block;
}