小编Sot*_*kra的帖子

在使用chrome而不是firefox或ie9时,我无法弄清楚为什么border-radius从我的#screen元素消失了？

我为每个浏览器添加了所有不同的前缀以及标准border-radius:

www.cenquizqui.com

包含图片的上部内容框,称为#screen

屏幕css的复制粘贴:

#screen {background: none repeat scroll 0 0 #EEEEEE;
    display: block;
    height: 300px;
    position: relative;
    width: 960px;
    overflow:hidden;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;}

是因为chrome无法正确处理图像的"修剪"？我认为只有在圆角容器内部有实际标签时才会出现问题,而不是通过css将img称为background-image.

关心G.Campos

我搜索并据称body:nth-of-type(1)在CSS中仅用于定位Safari和谷歌浏览器.

瞧,Mozilla也正确地读了它.我搜索了十次但没有得到任何东西,所以我在这里.

是否有谷歌Chrome专用的CSS黑客攻击？

我很少使用excel并且对图形和图形相关函数没有深刻的理解.话说回来...

我有几十行数据,由4列组成

• 第1列=金额/价格(以数字表示)
• 第2列=描述(文中的内容)
• 第3列=类别(在文本中)
• 第4列=子类别(在文本中)

我想制作一个我的数据行的条形图,以便最终结果如下所示:

X轴 - 类别Y轴 - 数量/价格

这里的诀窍是不重复自己的类别.例如,如果我们的数据类似......

• 100 | 船购买 船| 3发动机船
• 200 | 船购买 船| 2发动机船
• 500 | 飞机购买| 飞机| 4引擎飞机
• 900 | 汽车购买| 汽车| 1引擎车

然后在我的图表中应该只有一个船只,飞机和汽车的实例,在这个实例中,所有相关数据将被总结.

最后但并非最不重要的是,我已经看过图表,这些独特的不重复的类别,而不仅仅是一个单一的"酒吧"可以说是由较小的条组成.在这种情况下,我希望这些较小的条形成为子类别,因此最终结果将如下所示:

在该样本图像中,我首先呈现一个"基本的,经典的"图表,其中蓝色,黄色和红色各自代表一个独特的,不同的类别.正下方是我想要的,按子类别划分每个类别的"细分",其中蓝色/黄色/红色每个类别代表一个虚构的3个不同的子类别.

这意味着子类别将为每个类别重复,但类别本身不会.

为了澄清,我目前只有3个主要类别和6个左右的子类别,但这可能会在未来发生变化,因此希望以自动/动态方式实现这一目标

亲切的问候G.Campos

编辑:新形象:

我带着一个棘手的问题来找你:

想象一下,你有以下基本结构:

<div><p>hello</p></div>

现在假设div有display:block; and width:200px;.使用javascript,你如何检查什么字体大小给你一个尽可能大的"你好"而没有水平溢出(在一个单词的情况下)或者在一个句子或一组单词的情况下跳到第二行？

我无法想出一种方法来测量文本占用的空间,以便可以检查它与父容器的空间,更不用说检查元素是否溢出或线性跳转.

如果有办法,我相信这是一个正确的问题.

我正在开发一款浏览器游戏,我不禁想知道制作游戏的网格/棋盘最轻的方法是什么.

现在,作为一个示例,我会告诉你:

-link不再有效,它基本上是25x25表+ tr + td网格 -

现在,随着网格变得越来越大,表格和它的td会创建一个非常繁重的文件页面,反过来......从浏览器引擎和计算机中吸取更多资源.

那么,是一张桌子用td是制作巨大网格状板的最轻量级的方法,还是你推荐的更轻的东西？

干杯Sotkra

我正在尝试使用jQuery来查找<td>内部给定内容(文本)的s.例如:

http://sotkra.com/btol/index.php

从左到右,第7个列为"TIPO MONEDA"的栏目显示PESOS或DOLARES.我希望能够做到以下几点:

1. 选择<td>带有"DOLARES"或"PESOS"文本的s并为其添加一个类.

2. 选择<td>带有"DOLARES"或"PESOS"文本的s,并在其父级中添加一个类<tr>.

对于#1,我试过这个:

$('td[innerHTML=Dolares]').addClass('highlight');

并且

$('td[html=Dolares]').addClass('highlight');

两者都不奏效.

参考:www.get-offit.com

转到书籍封面几乎结束的地方,背景颜色会发生变化:

我们有:

html {
background: -moz-linear-gradient(top, #FFFFFF 500px, #EEEEEE 0px);
background: -ms-linear-gradient(top, #FFFFFF 500px, #EEEEEE 0px);
background: -o-linear-gradient(top, #FFFFFF 500px, #EEEEEE 0px);
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(5, #FFFFFF), to(#EEEEEE));
background: -webkit-linear-gradient(top, #FFFFFF 500px, #EEEEEE 0px);
background: linear-gradient(top, #FFFFFF 500px, #EEEEEE 0px);

}

如果你用firefox打开网站,你会在白色和灰色之间得到一条清晰的切割线,而不会有任何渐变:

如果您使用chrome打开网站,则会获得一个5px'ish灰色渐变,其中白色结束并且灰色开始:

如何使颜色突然停止而不在webkit浏览器上显示实际的渐变,就像它目前在firefox上一样？

干杯G.