Internet Explorer 7中css链接和背景的奇怪问题

Question

I have a file with the following css/html and for some reason the only time the link will work is if I apply a color to the background of the A tag. I am using this link as an overlay to trigger some other animations in JavaScript. This has me stumped, even the border is clickable but not inside unless background is applied.

<a id="domo-action" href="#wrapup-video" class="secret yum" data-yummy="9">click for domo</a>

a#domo-action {
  display: block;
  height: 180px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 20px;
  width: 188px;
  z-index: 999;
  cursor: pointer;
  border: 1px solid #999;
  background: transparent;
}   

Answer 1

如果我没记错的话，解决方法是将透明的blank.gif为background-image 。