English 中文(简体)
问题:积极风格和绝对定位
原标题:Problem with a:active style and absolute positioning

在大韩民国,我给我的主要教程增加了一个普遍性的风格:

a:active {
  top:1px;
  position:relative;
}

这给我带来了一点“判断”效应,即点击任何东西。 因此,我不得不走到我所绝对位置的<代码><a>各项内容上,并从跳跃到<条码>,到1px<>>>>>>>,并人工给他们适当的判断。

尽管我已经处理过一起案件,这把我推向两岸。 我认为,我的立场完全不同,但在我点击 anchor时发生的情况是:<代码><span>的下附在<代码><li>在被点击时消失。

我确实尝试制定<代码><span>至float:left,但并非仅仅开始在包含<li>外 be和hang。

页: 1 http://beta.helpcurenow.org/media/videos/。

我在此页中提到的是坐在主要视频窗口以下的umb。 现场有镜头的 feed子,有录像屏幕和 met数据。 录像屏幕上有一个隐藏的天线,这样,当你在th子上 h着时,就会发现。 这就是在点击时导致甲状腺数据消失的原因。

如果你只想在这里看到标记,则如下:

<ul id="video-gallery">
  <li>
    <a class="video-thumbnail" href="#">
      <img src="http://ats.vimeo.com/775/137/77513796_200.jpg" alt="Amy Fann Interview"/>
      <span class="play-arrow"></span>
    </a>
    <span class="video-metadata" id="video-13466402">
      <span class="video-title"><a href="#">Amy Fann Interview</a></span>
      <span class="video-likes meta">Likes <span class="value">0</span></span>
      <span class="video-views meta">Views <span class="value">2</span></span>
      <span class="video-duration meta">Duration <span class="value">01:48</span></span>
      <span class="video-post-date meta">Posted 1 day and 7 hours ago</span>
      <span class="video-url hidden-data">http://vimeo.com/13466402</span>
      <span class="video-description hidden-data">Amy Fann talks about her upcoming trip to Zambia as part of a CURE GO Team.</span>
    </span>
  </li>
</ul>

社会保障局......(本节显然还有其他几个风格规则,但Im试图只包括相关规则)

li a.video-thumbnail span.play-arrow {
  display:none;
}
li:hover a.video-thumbnail span.play-arrow {
  display:block;
  width:122px;
  height:86px;
  background:url(/img/media/play-arrow.png) no-repeat center top;
  position:absolute;
  top:40px;
  left:50px;
}
li:hover a.video-thumbnail:active span.play-arrow {
  position:absolute;
  top:30px;
  left:40px
}
li a.video-thumbnail:active {
  position:absolute;
  top:auto;
}
li.added-video {
  display: none;
}
最佳回答

本中心应该解决你的问题(至少对我来说是大火):

li a.video-thumbnail:active {
    position: static;
}

li:hover a.video-thumbnail:active span.play-arrow {
    top: 40px;
    left: 50px;
}

我不确切地知道,为什么你的元子被隐藏在<条码>上:活性上,但上述情况使星座连接的位置类型无法改变,无法保持一切。

问题回答

暂无回答




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签