草庐IT

after_three_pm

全部标签

javascript - 更改:before and :after pseudo-elements?的样式

这个问题在这里已经有了答案:SelectingandmanipulatingCSSpseudo-elementssuchas::beforeand::afterusingjavascript(orjQuery)(25个答案)关闭3年前。我的代码是这样的:$('.mainSpan:before').css('background','url(_gfx/cmn/main_bg.png)');这似乎行不通,所以我想问一下是否可以添加使用jQuery为元素添加阴影的背景图像。

javascript - 如何在 Three.js 中渲染地球时渲染 'atmosphere'?

在过去的几天里,我一直在努力让Three.js纹理发挥作用。我一直遇到的问题是我的浏览器阻止加载纹理,按照说明解决了这个问题here.无论如何,我正在为我的一门类(class)制作一个太空导航游戏,演示如何在太空中驾驶航天器。所以,我正在渲染一堆行星,地球就是其中之一。我在下面附上了我的地球渲染图。看起来不错,但我想做的是通过在地球周围添加“气氛”来让它看起来更逼真。我环顾四周,发现了一些真正的neatlookingcreations处理发光,但不幸的是,我认为它们不适用于我的情况。下面是将地球添加到我的场景中的代码(它是我从Three.js教程中获得的代码的修改版本):functio

javascript - 如何在 Three.js 中渲染地球时渲染 'atmosphere'?

在过去的几天里,我一直在努力让Three.js纹理发挥作用。我一直遇到的问题是我的浏览器阻止加载纹理,按照说明解决了这个问题here.无论如何,我正在为我的一门类(class)制作一个太空导航游戏,演示如何在太空中驾驶航天器。所以,我正在渲染一堆行星,地球就是其中之一。我在下面附上了我的地球渲染图。看起来不错,但我想做的是通过在地球周围添加“气氛”来让它看起来更逼真。我环顾四周,发现了一些真正的neatlookingcreations处理发光,但不幸的是,我认为它们不适用于我的情况。下面是将地球添加到我的场景中的代码(它是我从Three.js教程中获得的代码的修改版本):functio

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - CSS 中的版权符号 :after Pseudo-Element

已解决-使用\00a9而不是©非常不言自明:body:after{content:"©me";/*otherformatting*/}在HTML中,©序列插入版权字符。这可以像我在这里尝试做的那样在CSS伪元素中完成吗? 最佳答案 CSS不使用HTML的实体;它使用自己的unicode转义序列。您需要使用\00a9作为版权符号。body:after{content:"\00a9me";}请参阅此处的备忘单表,其中几乎显示了您需要的每个实体/unicode字符串:http://www.evotech.net/blog/200

html - CSS 中的版权符号 :after Pseudo-Element

已解决-使用\00a9而不是©非常不言自明:body:after{content:"©me";/*otherformatting*/}在HTML中,©序列插入版权字符。这可以像我在这里尝试做的那样在CSS伪元素中完成吗? 最佳答案 CSS不使用HTML的实体;它使用自己的unicode转义序列。您需要使用\00a9作为版权符号。body:after{content:"\00a9me";}请参阅此处的备忘单表,其中几乎显示了您需要的每个实体/unicode字符串:http://www.evotech.net/blog/200

html - 使用 :after to clear floating elements

我有一个列表,li有一个float:left;.之后的内容应该正确对齐。因此我可以构建以下内容:http://jsfiddle.net/8unU8/我想,我可以删除通过使用像:after这样的伪选择器。但是这个例子不工作:http://jsfiddle.net/EyNnk/我是否总是需要创建一个单独的div来清除float元素? 最佳答案 这样写:.wrapper:after{content:'';display:block;clear:both;}检查这个http://jsfiddle.net/EyNnk/1/

html - 使用 :after to clear floating elements

我有一个列表,li有一个float:left;.之后的内容应该正确对齐。因此我可以构建以下内容:http://jsfiddle.net/8unU8/我想,我可以删除通过使用像:after这样的伪选择器。但是这个例子不工作:http://jsfiddle.net/EyNnk/我是否总是需要创建一个单独的div来清除float元素? 最佳答案 这样写:.wrapper:after{content:'';display:block;clear:both;}检查这个http://jsfiddle.net/EyNnk/1/

html - <select> 和 :after with CSS in WebKit 的问题

我想用伪:after在选择框上添加一些样式(用2个部分和没有图像来设计我的选择框)。这是HTML:Test而且它不起作用。我不知道为什么,也没有在W3C规范中找到答案。这是CSS:select{-webkit-appearance:none;background:black;border:none;border-radius:0;color:white;}select:after{content:"";display:inline-block;width:24px;height:24px;background:blue;}那么这是正常现象还是有什么窍门呢?