小编val*_*als的帖子

如何在背景图像周围创建阴影

background: url("images/main_bg.png") repeat;
Run Code Online (Sandbox Code Playgroud)

是style.css中的标题/横幅背景图片,但不知道如何在它周围获得阴影......

我试过了

body {
    font-family: Arial,Helvetica,sans-serif;    
    font-size: 13px;
    color: #333333;
    background: url("images/main_bg.png") repeat;
    box-shadow: 0 0 5px 2px #282a2d;
    line-height: 1.4;
}
Run Code Online (Sandbox Code Playgroud)

但那没有成功......

css

5
推荐指数
2
解决办法
3万
查看次数

BufferGeometry:顶点颜色已更改,但未在视觉上更新

使用Three.js我遇到了与顶点颜色相关的问题.我创建了BufferGeometry,它由2个三角形组成的正方形组成.

var geometry = new THREE.BufferGeometry();
// filling positions and colors
geometry.addAttribute('position', new THREE.BufferAttribute(positions, 3));
geometry.addAttribute('color', new THREE.BufferAttribute(colors, 3));

var material = new THREE.MeshPhongMaterial(
    {
        side: THREE.OneSide, vertexColors: THREE.VertexColors
    });
GridFloor = new THREE.Mesh(geometry, material);
GridFloor.rotation.x = Math.PI / 2;
GridFloor.geometry.dynamic = true;
GridFloor.geometry.__dirtyColors = true;
scene.add(GridFloor);
Run Code Online (Sandbox Code Playgroud)

一切正常,直到我改变顶点颜色.我正在改变它们,试图更新,但没有任何反应......

var newColor = new THREE.Color(0xff0000);
var colors = GridFloor.geometry.attributes.color.array;
    for (var i = 0, j = 0; i < 4; i++, j += 3) {

        var index = INTERSECTED.indices[i % 3] * …
Run Code Online (Sandbox Code Playgroud)

three.js

5
推荐指数
1
解决办法
3239
查看次数

div 的 CSS 转换不应影响内容

我有外部 div 部分,在外部 div 内,我在鼠标悬停时有内部 div 部分,我只希望外部 div 部分应该是过渡,而内部 div 部分文本不应该过渡应该保持不变,有人帮助我实现它。

谢谢!

http://jsfiddle.net/zeYZL/56/

超文本标记语言

  <div class="outer">
        <div class='inner'>
            <p>inner text</p>
        </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

CSS

 .outer
{
  width:283px;
  height:298px;
  float:left;
  background:#101820;
  color:#fff;
  font-family:Lato;
  font-weight:900;
  font-size:3.4em;
  text-align:center;
  line-height:298px;
  transition:all 0.3s ease;
}
.outer:hover
{
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.03);
  width:283px;
  height:298px;
  cursor:pointer;
  background-color:#ffa300;
}
Run Code Online (Sandbox Code Playgroud)

html css

5
推荐指数
2
解决办法
1980
查看次数

IE 8不支持n-child如何解决这个问题?

IE 8不支持n-child如何解决这个问题?

 #hm-top div:nth-child(1) h3 {
    color: #63c2ff;
    width: 300px;
    padding: 115px 0 0 0;
    background: url(images/trade.png) no-repeat center top;
    }
Run Code Online (Sandbox Code Playgroud)

css css3

4
推荐指数
1
解决办法
105
查看次数

css3动画保证金自动无效

我想将"letsgo"div从左边距100%移动到自动边距.即它停在左边距和右边距相等的点.但我无法弄清楚.请帮我.

我的守则如下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Do IT...</title>
        <meta charset="UTF-8">
        <style>
            #letsgo{
                height: 600px;
                width: 500px;
                border: 2px solid #64BBF0;
                border-radius: 2px;
                margin: auto;
                position: relative;
                animation-fill-mode: forwards;
                box-shadow: 5px 5px 2px #64BBF0;
                animation-name: miku;
                animation-duration: 1s;



            }
            @keyframes miku{
                0%{
                    margin-left: 100%;
                }

                100%{
                    margin: auto;

                }


            }
            #doit{
                height: 100px;
                width: 100px;
                border-radius: 50%;
                background: yellow;
                position: absolute;
                top: 250px;
                left: 200px;
            }

            .child{
                height: 25px;
                width:25px;
                border-radius: 50%;
                background: red;
                position: absolute;
                top: 287.5px;
                left:237.5px;                               
            } …
Run Code Online (Sandbox Code Playgroud)

html5 css3

4
推荐指数
2
解决办法
5343
查看次数

使用css动画spriteesheet

我在使用css动画制作spritesheet时遇到麻烦每个例子我看到包含一个只有1行精灵或1列的精灵表,如下所示:在此输入图像描述

然后他们使用动画制作动画 keyframes

@keyframes play {
100% { background-position: -1900px; }
}
Run Code Online (Sandbox Code Playgroud)

但对我来说,spritesheet是一个10x8的网格

他们无论如何使用css为这个特殊的spritesheet实现动画?或者我应该使用HTML5画布?

每帧为90x96像素

这是我的形象

在此输入图像描述

html javascript css html5

1
推荐指数
1
解决办法
718
查看次数

ajax文本框水印

我开发了一个页面,我需要输入电子邮件和密码,在输入之前,它应该在一个文本框中显示"输入您的电子邮件"文本,并在另一个文本框中显示"输入您的密码"文本.

以下是执行上述操作的代码.

<html>
<head>
<title>lksdjflk</title>
<style>
    .unwatermarked { 
        height:18px;
        width:148px;
 }

     .watermarked { 
        height:20px;
        width:150px;
        padding:2px 0 0 2px;
        border:1px solid #BEBEBE;
        background-color:#F0F8FF;
        color:Gray;
}
</style>
</head>
</html>

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:TextBox ID="TextBox1" runat="server" CssClass="unwatermarked"></asp:TextBox>
<asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server"  
    Enabled="true" TargetControlID="TextBox1"  WatermarkCssClass="watermarked"    
    WatermarkText="email-Id">
</asp:TextBoxWatermarkExtender>
</asp:Content>
Run Code Online (Sandbox Code Playgroud)

如果有人知道任何解决方案,请尽快告诉我.

谢谢,Avnish

html css asp.net ajax

0
推荐指数
1
解决办法
1万
查看次数

Javascript 从平面对象创建嵌套对象

我正在尝试创建一个层次结构,以便可以将数据传递到我用来生成组织结构图的插件。

\n\n

对于我的组织结构图,我拥有需要使用的所有数据,例如员工以及有关他们的一些基本数据。

\n\n
FirstName\nLastName\nEmployeeID\nManagerEmployeeID\nManager Name\n
Run Code Online (Sandbox Code Playgroud)\n\n

这些数据存储在一个数组中,不同级别之间没有嵌套或链接,这就是我试图通过一些 jquery/javascript 实现的目标。

\n\n

我的目标是获取这个数组并基于它嵌套它ManagerIDEmployeeID这样我就可以创建一个树层次结构。

\n\n

我无法更改向我提供数据的方式,否则我会将其嵌套在数据库响应中。

\n\n

示例数据:

\n\n
\xe2\x80\xa2   Tom Jones\n   o    Alice Wong\n   o    Tommy J.\n\xe2\x80\xa2   Billy Bob\n   o    Rik A.\n     \xe2\x99\xa3  Bob Small\n     \xe2\x99\xa3  Small Jones\n   o    Eric C.\n
Run Code Online (Sandbox Code Playgroud)\n\n

我的平面数据示例:

\n\n
    {\n        "FirstName": "Tom"\n        "LastName": "Jones"\n        "EmployeeID": "123"\n        "ManagerEmployeeID": ""\n        "Manager Name": ""\n    },\n    {\n        "FirstName": "Alice"\n        "LastName": "Wong"\n        "EmployeeID": "456"\n        "ManagerEmployeeID": "123"\n        "Manager Name": "Tom Jones"\n    },\n    {\n        "FirstName": "Tommy"\n        "LastName": "J."\n        "EmployeeID": …
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery json

0
推荐指数
1
解决办法
246
查看次数

标签 统计

css ×5

html ×3

css3 ×2

html5 ×2

javascript ×2

ajax ×1

arrays ×1

asp.net ×1

jquery ×1

json ×1

three.js ×1