透明可折叠jquerymobile

时间:2014-07-29 19:04:19

标签: jquery html css

有谁能告诉我这个编码是否正确?和http://www.css-validator.org/validator一起但是说:

Sorry! We found the following errors (3)
URI : TextArea
4   .ui-collapsible-heading .ui-btn     Property text-shadow doesn't exist in CSS level 2.1 but exists in : none none
5   .ui-collapsible-heading .ui-btn     Value Error : background Too many values or values are not recognized : rgba(255,255,255,0.1) rgba(255,255,255,0.1)
9   .ui-collapsible-heading .ui-btn     Parse Error [empty string] .

html代码是:

<div data-role="collapsible-set" id="col">

  <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" class="ui-nodisc-icon">
    <h3>Breakfast</h3>
    <p>I'm the collapsible set content for section 1.</p>
  </div>

  <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" class="ui-nodisc-icon">
    <h3>Tacos</h3>
    <p>I'm the collapsible set content for section 1.</p>
  </div>
</div>

在css中:

.ui-collapsible-heading .ui-btn {
  font-family: 'CaviarDreams';
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, .1);
  margin: 10px;
  padding: 5px;
  border: 1px solid #00ffff;
  color: #00ffff;
}

示例页面:http://cjoes.site50.net/#menu

1 个答案:

答案 0 :(得分:0)

您正在使用CSS3功能,因此在运行CSS验证程序时,您应该在“更多选项#39;”下选择CSS3。