Question

我有一个禁用按钮的css属性，如下所示。

.btn-disabled {
    pointer-events: none;
    cursor: default;
    color:#cecece !Important;
    -webkit-filter: opacity(50%)    
}

我在chrome中获得了所需的效果，但在Firefox中却没有。有没有办法通过相同的CSS属性在firefox，chrome，saffari中实现相同的功能？

Answer 1

你需要为firefox -moz - 使用前缀，这适用于所有浏览器：

JavaRDD<Row> rdd = sc.textFile(HdfsDirectoryPath()).map(new Function<String, Row>() {
        @Override
        public Row call(String line) throws Exception {
            String[] fields = line.split(usedSeparator);
            GenericRowWithSchema row = new GenericRowWithSchema(fields, schema);//Assum that the schema has 4 integer columns
            return row;
            }
        });

DataFrame df   = sqlContext.createDataFrame(rdd, schema);
df.registerTempTable("df");
DataFrame selectdf   =  sqlContext.sql("Select * from df");
Row[] res = selectdf.collect();

DataFrame sampleddf  = sqlContext.createDataFrame(rdd, schema).sample(false, 0.1);// 10% of the original DS
sampleddf.registerTempTable("sampledf");
DataFrame selecteSampledf = sqlContext.sql("Select * from sampledf");
res = selecteSampledf.collect();

您可以看到here。

Answer 2

供应商前缀属性是特定浏览器引擎中的实验性功能。

Firefox是围绕Gecko而不是Webkit构建的，因此实验性的Webkit功能无法在其中运行。

避免在开放网络上使用供应商前缀属性（除非您正在编写要进行实验而不是强大的网站）。

Firefox已经支持the non-prefixed version很长一段时间了。

如果您真的想要体面的浏览器支持，请改用opacity property。它支持Firefox 1。

Answer 3

只需使用firefox -moz-前缀，

.btn-disabled{   
    pointer-events: none;
    cursor: default;
    color:#cecece !Important;
    -webkit-filter: opacity(50%);
    -moz-filter: opacity(50%);
    filter: opacity(50%);
}

＆＃34; -webkit滤波器＆＃34;在firefox 41.0.2中不起作用

3 个答案: