1

我正在做一个独特的工作项目。我遇到的问题是我只能控制这个项目中使用的 CSS 样式表，我的任务是真正改变它的布局，这很好。但是，我遇到了这个“密封”链接按钮的奇怪问题。

最初，他们有一个图像作为背景和打开一个弹出窗口以选择印章的链接，这是从 #searchSeal 内部触发的

它适用于较新的浏览器，但我需要支持 IE8+，在这些浏览器中，链接只需单击按钮的外缘，如果您将鼠标悬停在 :after 我为按钮创建后，它实际上只是一个占位符按钮的文本...然后链接丢失。

如果可以的话请帮忙！有问题的 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;}

感谢您的所有帮助！

4

0 回答 0