Question

我在另一个上面有一个Div叠加层。它在Chrome中运行良好，但在Firefox和资源管理器中无法显示

我的代码是

JS

binary_crossentropy

HTML

from sklearn.metrics import roc_curve, auc
#...
for xi, yi in (X_test, y_test):
    y_pred = model.predict([xi])[0]
    fpr, tpr, _ = roc_curve(yi, y_pred)

    plt.plot(fpr, tpr, color='darkorange', lw=0.5)

类瓦片的CSS

  var $card = $("<div></div>").css({
position: "absolute",
width: "100%",
height: "100%",
top: 0,
left: 0,
opacity : 0.8,
z-index:20000,
background: "#ccc url(../images/loader2.gif) no-repeat 50% 50%"
}).appendTo($(".tile").css("position", "relative"));


setTimeout(function(){
$card.remove();
}, 5000);

我做错了什么？

Answer 1

根据W3s

here

要设置多个CSS属性，语法为：

css({"propertyname":"value","propertyname":"value",...});

你错过了＃34;＆＃34;在你的财产名称中。

可以通过添加display：table-cell来解决firefox的问题。

var $card = $("<div>\</div>").css({
"position": "absolute",
"width": "100%",
"height": "100%",
"top": 0,
"left": 0,
"opacity" : 0.8,
"z-index":20000,
"display":"table-cell",
"background": "#ccc url(../images/loader2.gif) no-repeat 50% 50%"
}).appendTo($(".tile").css("position", "relative"));

div.tile有一个显示表，因此您需要向其子项显示：table-cell。

Div Overlay在Firefox和资源管理器中不起作用

1 个答案: