小编and*_*dyb的帖子

只是试图给网站上的主要内容div一个div左边和右边的边框.我没有为每个边框设置单独的div,而是考虑使用border-left-imageCSS3中的功能来实现它.我的代码如下:

#content {
    background-color: #7FC3F4;
    height: 100%;
    width: 900px;
    border-left-width: 30px;
    border-left-image: url(../images/border_left_gradient.png);
    border-right-width: 30px;
    border-right-image: url(../images/border_right_gradient.png);
    margin-right: 10%;
    margin-left: 10%;
}

在我完成的所有Google搜索中,我还不得不解释为什么此代码无效.一些结果返回数字值放在网址后面,但无论我尝试什么组合的数字,都没有骰子.

思考？

我正在尝试创建一个表单,其中输入字段的背景使用渐变背景进行样式设置.它成功用于所有<input>标签,但不适用于<select>标签.可以这样做吗？难道我做错了什么？

我正在使用的CSS:

form#contact input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea, select {
    margin: 3px 0 0 0;
    padding: 6px; 
    width: 260px; 
    font-family: arial, sans-serif; 
    font-size: 12px; 
    border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

见下图.

我无法弄清楚为什么chrome(这使得固定标头完全消失,Firefox保持它在那里,但让绝对定位元素流过固定元素,我已经使用不透明度避免了问题:.99,但我仍然我的想法是如何做到这一点来解决它.

http://www.rickpascua.cu.cc/newsite-snazzy/index.html <---问题页面.

我目前正在使用此代码尝试使用一个按钮.info作为切换,用于淡入和淡出文本.现在,动画正在使用此代码重新运行.有没有办法点击按钮一次,让文字淡入而不会在几秒钟之后淡出？当您再次单击该按钮时,同样适用于淡出.

$('.info').click(function() {
    $('h7').fadeIn(750);
});

$('.info').click(function() {
    $('h7').fadeOut(750);
});         

当maven构建我的pom.xml文件时,我收到编译失败错误.

编译错误是:

error reading C:\Users\amrit\.m2\repository\com\google\android\support-v4\r6\support-v4-r6.jar; invalid LOC header (bad signature).

有谁知道如何解决这个问题？以下是我的pom.xml档案:

<project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>MyListReq</groupId>
<artifactId>MyListReq</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>AtosList</name>


<dependencies>
    <dependency>
        <groupId>com.google.android</groupId>
        <artifactId>android</artifactId>
        <version>4.1.1.4</version>
        <scope>provided</scope>
    </dependency>

    <dependency>
        <groupId>com.google.android</groupId>
        <artifactId>support-v4</artifactId>
        <version>r6</version>
    </dependency>

</dependencies>



<build>
    <sourceDirectory>src</sourceDirectory>
    <plugins>

        <plugin>
            <artifactId>maven-compiler-plugin</artifactId>
            <version>3.1</version>
            <configuration>
                <source>1.6</source>
                <target>1.6</target>
                <fork>true</fork>
                <executable>C:\Program Files\Java\jdk1.7.0_03\bin\javac.exe
                </executable>
            </configuration>
        </plugin>

        <plugin>
            <groupId>com.jayway.maven.plugins.android.generation2</groupId>
            <artifactId>android-maven-plugin</artifactId>
            <configuration>
                <sdk>
                    <path>${env.ANDROID_HOME}</path>
                    <platform>17</platform>
                </sdk>
            </configuration>
            <extensions>true</extensions>
        </plugin>

    </plugins>
</build>

我无法解决这个问题.任何形式的帮助将不胜感激.

我正在使用

-webkit-transform: skew(-15deg, 0deg);

歪曲一个div,然后

-webkit-transform: skew(15deg, 0deg);

要纠偏的含文字的孩子.在谷歌浏览器中,倾斜看起来很丑陋和像素化,所以我使用

-webkit-backface-visibility: hidden;

使它看起来不错.现在容器倾斜得非常好,内部文本是"未弯曲的",但文本本身是模糊和丑陋的!(问题仅存在于使用-webkit的chrome中)

演示

有任何想法如何使文字再次清晰？

HTML

<div class="mainBodyItemBox">
    <div class="mainBodyItemImage">
        <img src="http://upload.wikimedia.org/wikipedia/commons/6/6c/2012_Olympic_Football_-_Men's_tournament_-_Honduras_Vs_Morocco.jpg">
    </div>
    <div class="mainBodyItemDecorator"></div>
    <div class="mainBodyItemText">PEC Zwolle v FC Groningen Tickets
        <br> <span class="mainBodyItemType">Football</span>
 <span class="mainBodyItemTime"><strong>04 Apr 2014</strong> | 21:00</span>
    </div>
</div>

CSS

.mainBodyItemBox {
    background-color: #f5f5f5;
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    height: 80px;
    width: 365px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c9c9c9;
    margin-left: 25px;
    margin-top: 10px;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    -moz-transform: skew(-10deg, 0deg); …

我试图XMLHttpRequest通过AJAX触发mongoDB来检索文档.

这是我的代码:

function getJsonDocumentByModeldid(model_id) {
    var valoreInput = document.getElementById('inputModelId').value;
    alert(valoreInput);

    $.ajax({
      url: "http://localhost:28017/test/",
      type: "get",
      //data: "filter_a=" + valoreInput,
      dataType: 'jsonp',
      crossDomain: true,

      success: function (data) {
        alert("success");
        //var json2javascript = $.parseJSON(data);
        manageLayout();
      },

      error: function (XMLHttpRequest, textStatus, errorThrown) {
       alert("Status: " + textStatus + "    Error:" + errorThrown);
      }
  });
}

我的函数总是返回错误.那么问题是什么？

我认为它用于检查编码但是当我尝试它时没有响应.我的意思是它没有给出任何回应并显示当前网站的数据.

与问题标题一样,是否可以更改每个单词的第一个字母的颜色和字体大小.例如,如下图所示:

是否可以只用 CSS 做到这一点？我可以使用jQuery,但只有在纯CSS或CSS3解决方案不可能的情况下才能使用.

这可能是任何人曾经问过的最简单的问题,但是今天早上我的脑子里一片空白.也许我需要更多咖啡.

基本上我正在尝试将一些CSS3变换效果添加到元素中,无论出于何种原因,Firefox都不会玩球.

如果你看看Chrome 中这个小提琴,你会看到我想要的东西,然后如果你在Firefox中看到它,你会发现它不一样......

这是该特定元素的CSS;

-webkit-transform: rotateY(60deg) scale(0.9);
-ms-transform: rotateY(60deg) scale(0.9);
transform: rotateY(60deg) scale(0.9);

我只是错过了一处房产吗？