Question

我正致力于一个独特的工作项目。我遇到的问题是我只能控制这个项目中使用的CSS样式表，我的任务是真正改变它的布局，这很好。但是，我和＃34; Seal＆＃34;遇到了一个奇怪的问题。链接按钮。

最初，他们有一个图像作为背景和链接打开一个弹出窗口来选择Seal，它是从#searchSeal

内部触发的

它适用于较新的浏览器，但我需要支持IE8 +，在这些浏览器中，链接只是点击按钮的外缘，如果你鼠标悬停在：我创建的按钮之后真的只是一个按钮文本的占位符...然后链接会丢失。

如果可以，请帮忙！有问题的CSS如下，我可能只是错过了这个问题。

谢谢！

#divSeal {
    z-index: 2;
    display: block;
    position: absolute;
    left: 290px;
    top: 50px;
    width: 176px;
    height: 41px;}

#searchSeal {
    z-index: 3;
    display: block;
    position: absolute;
    left: 0px;
    top: 30px; 
    width: 176px;
    height: 40px; 
    border: 1px solid #B18D44; 
    color: white;
    background: #F9D791;
    border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;}

#searchSeal:hover {
    background: #B18D44;
    color: #004AFF;}

#searchSeal:after {
    content: "Choose Seal";
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 176px;
    height: 40px;
    font: bold 24px Arial;
    line-height: 40px;
    text-align: center;
    text-shadow: 2px 2px #B18D44;}

#searchSeal a, #_ctl0_ContenPlaceHolderContent_hSearchSeal {
    z-index: 500;
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none;}

感谢所有帮助人员！

排除奇怪的伪CSS错误

0 个答案: