Question

http://localhost/mysite-我花了一小段时间调查Firefox(V12.

然而,我注意到,在测试时,如果我将URL换成FQDN(例如, http://myrach.mydomain.com/mysite ),那么它正常和预期的运转。

这算是好消息, 因为它意味着没有一个"错误" 如此我必须解决, 但我好奇为什么它发生首先。

奇怪的行为如下:

此按钮标记如下( 在此情况下, 是一个 < code@ lt; a> 看起来像一个按钮) :

<p><a class="btn btn-success" href="checkout.aspx"><i class="icon-shopping-cart icon-white"></i> Checkout</a></p>

使用真正的按钮时,我也有同样的行为,标记如下:

<p><input type="submit" name="ctl00$cphMainContent$btnProceedToCustomerDetails" value="Next: Your details" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$cphMainContent$btnProceedToCustomerDetails&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="cphMainContent_btnProceedToCustomerDetails" class="btn btn-primary" /></p>

在这两种情况下,按钮都使灰色、无法读取的状态变成灰色,然后在徘徊时以绿色填充,直到大约75%的按钮被填充,然后停止填充。

这里有些图像

上载( 鼠标前)

"https://i.sstatic.net/hVo59.png" alt="按键作为页面负荷"/ >

当你把鼠标放在上面时, 它会在0.5秒内从底部向上填满颜色, 以这个样子结束 :

""https://i.sstatic.net/eBzAI.png" alt="此处输入图像描述"/ >

上载( 鼠标前)

""https://i.sstatic.net/ailm9.png" alt="此处的内置图像描述"/"

在鼠标翻转后,它再次从下往上充满颜色, 大约0.5秒, 看起来像这个:

""https://i.sstatic.net/OiKn1.png" alt="此处输入图像描述"/ >

就像我说的,这只有在使用 Firefox 时才发生,并且只有在查看当地主机时才会发生。其他浏览器也很好。我使用的是新下载的靴套(js)(今天下载),没有修改,我只包括一个其他的 css 文件,即使我不包括,它也是同样的行为。

Answer 1

今天早些时候我遇到了这个问题。这个链接 : < a href="https://stackoverflow.com/ questions/10401270/twitter-boots traps-button-changes-rendering-oddly-in-firefox-and-chrome > > Twitter 靴杆按钮的改变使火狐和染色体中的纽扣的改变很奇怪。

在我的CS中,我应用了以下方法:

.btn-primary, .btn-danger, .btn-success {    background-image: none;    filter: none;}

成功了我的页码现在在火狐中正确化了铬对我很好

Answer 2

经过许多努力, 我终于能将这个问题归结到Twitter Bootsstrap的CSS-Hack中。

从 btn-profile 和其他类似类别 中删除 (星号) 和其他类似类别解决了这个问题。



但问题本身不在中央支助系统,它与执行有关。

例如,我用AjaxMin来简化和合并CSS,而且由于不是一个有效的 CSS,Ajaxmin忽略了它使最终的 CSS 没有这些属性。Buggy按钮效应就是这样的副作用之一。

友情链接