我怎样才能得到背景颜色小数?

时间:2017-12-04 10:41:57

标签: javascript html

我正在尝试读取我设置为小数的背景颜色,例如rgb(44.9,19.373737,255) 使用此代码

$("p").css("background-color") 

但是在使用时它会将其四舍五入为rgb(45,19,255)

我想要实现的就是以小数形式获取

这是示例代码:

<script>
$(document).ready(function(){
    $("button").click(function(){
        alert("Background color = " + $("p").css("background-color"));
    });
});
</script>
</head>
<body>

<h2>This is a heading</h2>

<p style="background-color:rgb(44.9, 19.373737, 255)">This is a paragraph.</p>


<button>Return background-color of p</button>

4 个答案:

答案 0 :(得分:2)

我是测试的粉丝。

让我们假装我们不知道颜色是由整数组成的,然后让我们测试一下:

让我们制作4个div,一个带有你的小数值,3个用红色和绿色四舍五入或向下。

接下来让我们使用照片应用程序(如photofilter

)验证输出

https://jsfiddle.net/vgrtky7g/

第一个div不会在jsfiddle中显示,不会在chrome中显示但在firefox和edge中显示这是一个足够好的警告。

如果你在firefox中运行代码,你会得到:

对于#2D13FFrgb(44.9, 19.373737, 255)

rgb(45, 19, 255)这意味着firefox足够圆润到更近的整数。

不要依赖浏览器的善意并使用整数!

答案 1 :(得分:1)

RGB值由三个8位整数(字节)组成,红色,绿色和蓝色分别为0到255.这些值中不允许小数部分。因此你的风格不起作用。

&#13;
&#13;
Request.Host.Port
&#13;
$(document).ready(function(){
    $("button").click(function(){
        alert("Background color = " + $("p").css("background-color"));
    });
});
&#13;
&#13;
&#13;

答案 2 :(得分:0)

Base使用8位颜色,2 ^ 8 = 256.因此,您只能使用范围从Select Total_Males, SETTLEMENT_ID , URI, _PARENT_AURI from (Select COUNT(t2.SEX) as Total_Males ,t1.SETTLEMENT_ID , t1.URI, t2._PARENT_AURI from PScData t1 INNER JOIN PscMemberData t2 ON t2._PARENT_AURI = t1.URI where t1.SETTLEMENT_ID in (SELECT DISTINCT SETTLEMENT_ID FROM PScData) AND t2.SEX = '1' Group By t1.SETTLEMENT_ID ) tmp rgb()整数

问题似乎与您的后端逻辑有关,即生成小数点值。您可以在存储或使用之前对值进行舍入。

答案 3 :(得分:0)

我认为小数值没有任何意义。相当圆,并在RGB中使用它。