Question

所以我创造了一些图像悬停效果供所有人使用。我正在使用引导模式，因此您可以单击显示代码，弹出窗口将显示html和css，您只需复制和粘贴即可。但是在某些效果上不包含文本和显示字体图标。对于这些示例，我将字体图标放在按钮内并更改了按钮的样式。这在chrome中运行良好，您可以单击图标并打开模态。但是在Firefox中它根本不起作用是否有人能够提供帮助？

例如，这里是效果7的代码。在chrome中工作正常但在firefox中没有：

import numpy as np
import random
import pathos.multiprocessing as mp
class Testsystematics(object):
      def __init__(self, x, y, NTH = None, THMIN = None, THMAX = None, NRESAMPLE = None):
         self.x        = x
         self.y        = y
         self.nbins    = NTH
         self.bmin     = THMIN
         self.bmax     = THMAX
         self.nresample= NRESAMPLE
         self.bins     = np.linspace(self.bmin, self.bmax, self.nbins+1, True).astype(np.float)
         self.sample   = np.array([[random.choice(range(len(self.y))) for _ in xrange(len(self.y))] for i in range(self.nresample)])
         self.result_list=[]
      def log_result(self, result):
          self.result_list.append(result)
      def bootstrapping(self, k):
          xi_p     = np.zeros(self.nbins, float)
          xi_m     = np.zeros(self.nbins, float)
          nind     = np.zeros(self.nbins, float)
          for i in range(len(self.x)):
              for j in range(len(self.x)):
                  if (i!=j): 
                     sep= np.sqrt(self.x[i]**2+self.x[j]**2)
                     index= np.searchsorted(self.bins, sep , side='right')-1 
                     sind = np.sin(sep)
                     if ((sep< self.bins[-1]) and (sep>=self.bins[0])):
                        xi_p[index] += sind*(np.mean(y)-np.median(y))
                        xi_m[index] += sind*np.std(y)
                        nind[index] += 1.0
          for i in range(self.nbins):
              xi_p[i]=xi_p[i]/nind[i]
              xi_m[i]=xi_m[i]/nind[i]
          return np.vstack((xi_p,xi_m))
      def twopcf(self):   
         if (self.sys_type==1):
            pool = mp.ProcessingPool(16)
            for n in range(self.nresample):
                pool.apipe(self.bootstrapping, args=(n,), callback=self.log_result)

shape,scale=0.5, 0.6
x=np.random.gamma(shape, scale, 10000)
mu1, sigma1 = 0, 0.5 # mean and standard deviation
mu2, sigma2 = 0.1, 0.7 # mean and standard deviation

y = np.random.normal(mu1, sigma1, 1000)+np.random.normal(mu2, sigma2, 1000)
sysTest=Testsystematics(x, y, NTH = 10, THMIN = 0, THMAX = 5, NRESAMPLE = 100)

要查看实时版本，请转到此处：https://miketricking.github.io/

提前谢谢大家！：）

Answer 1

好的，如果有人遇到同样的问题，你实际上可以使用其他元素打开一个模态。所有你需要做的就是将data-toggle =“modal”data-target =“＃modal7”属性赋予不同的元素，它应该可以工作。

这是我更新的代码：

<div class="overlay point" data-toggle="modal" data-target="#modal7">
    <h2>Hover effect 7</h2>
    <p>
    <a href="#"><i class="fa fa-twitter"></i></a>
    <a href="#"><i class="fa fa-facebook"></i></a>
    <a href="#"><i class="fa fa-instagram"></i></a>
    <a href="#"><i class="fa fa-dribbble"></i></a>
    </p>
</div>

bootstrap模式按钮周围其他html无法在Firefox中工作

1 个答案: