小编abs*_*ith的帖子

这与位置的"修复"有关:在旧版本的iOS中修复.但是,如果安装了iOS5或更高版本,则修复程序会破坏页面.

我知道如何检测iOS 5:navigator.userAgent.match(/OS 5_\d like Mac OS X/i)但是当iOS6最终出现时,它不适用于iOS6,甚至iOS 5.0.1也只适用于2位数版本.

所以这就是我的主题.

$(document).bind("scroll", function() {
    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
        if (navigator.userAgent.match(/OS 5_\d like Mac OS X/i)) {
    }
    else {
        changeFooterPosition();
    }
});

我有一个动态文本的样式句子.有时文本太长,并将锚点推到盒子外面的末端.我希望文本在之后换行span.price-difference,但是锚点按钮位于右侧p.

我添加了一个:after伪元素.price-difference.我已经把它设成content: ''和display: block.适用于FF,Chrome,IE(包括IE8,我必须支持),但不适用于Safari.

有一个简单的答案,将文本.price-difference包含在另一个文本中span,并将其设置为block,但更改HTML是一件麻烦事,需要后端开发人员对JSP文件进行更改,我希望避免这种情况.寻找仅CSS解决方案,如果它存在.

<p class="upsell"> Upgrade To 
  <span class="stateroom-upgrade"> Concierge Class </span> 
  for an additional 
  <span class="price-difference">$7.14 USD </span> 
  per person per day 
  <a href="" class="ccButtonNew"><span>View Upgrades</span></a>
</p>

CSS

.upsell {
  background: none repeat scroll 0px 0px #FAFAFA;
  border-top: 2px dashed #E8E8E8;
  color: #666;
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  margin: auto 19px 5px;
  padding: 8px 0px 8px 8px;
  position: …