小编Man*_*mar的帖子

在我的Android设备上运行时,我的Cordova应用程序出现以下错误:

Uncaught SecurityError:无法在'XMLHttpRequest'上执行'open':拒绝连接到' https://login.microsoftonline.com/common/oauth2/token ',因为它违反了文档的内容安全策略.

但是,当我在VS 2015 Ripple模拟器中运行应用程序时,它完全按预期工作.我是否需要添加到内容安全策略中以允许在我的设备上进行身份验证？

如何将img和h1置于div中心？现在我在标题中有一个png和一个h1,但内容自动在左上角.如何将其置于中间并保持响应？这是我的HTML:

   <header>
       <h1 id="title">Lorem Ipsum</h1>

       <img id="arrows" src="images/arrows.png">
       <h3 id="sub-title">Lorem ipsum</h3>
   </header>

我有一些列表元素,后面有一个css三角形箭头.我想添加box-shadow箭头,但无法弄清楚为什么我的阴影不起作用.我尝试过其他解决方案,但这些解决方案使用::after伪元素来制作三角形,但我的三角形是一个单独的div.任何帮助深表感谢.

#shippingsteps li {
  padding: 15px 15px 15px 35px;
  background: #ececec;
  float: left;
  display: block;
}
#shippingsteps li a {
  color: #4A4947
}
#shippingsteps li span {
  background: #7c7a7b;
  color: white;
}
#shippingsteps li.active {
  background: black;
  color: white;
  font-weight: bold
}
#shippingsteps li.active a {
  color: white;
}
#shippingsteps li.active span {
  background: #C60001;
  color: white;
  border-color: #C60001
}
#shippingsteps li::after {
  border: none;
}
#shippingsteps li .nav-arrow {
  border-color: transparent transparent transparent …

我试图使用CSS和HTML的组合重新创建此图像,没有运气.请指教.

现行代码:

.lens-profile-timeline {
  list-style: none;
  padding: 0;
  margin: 60px 0 80px;
  border-bottom: 8px solid #39752c;
  position: relative;
}
.lens-profile-timeline li {
  position: absolute;
  width: 16px;
  height: 16px;
  border: 13px solid #39752c;
  border-radius: 16px;
  background: #fff;
  margin-top: -10px;
  margin-left: 20px;
  margin-right: 20px;
}
.lens-profile-timeline time,
.lens-profile-timeline p {
  left: -27px;
  top: -40px;
  position: absolute;
  width: 70px;
  text-align: center;
}
.lens-profile-timeline time {
  margin-top: 70px;
  font-size: 18px;
}
.lens-profile-timeline p {
  margin-top: -0px;
  font-size: 10px;
  line-height: 1.1;
}
.lens-profile-timeline p:after { …

我为我的项目选择了这个家族树布局,但是我需要它反转但在html中保持相同的顺序,只需更改css.它是同一棵树但倒置了.

这个例子准确地显示了我想要的方式:

.tree {
  margin: 0;
  padding: 0;
}

.tree ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.tree li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.tree li::before,
.tree li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 50%;
  height: 20px;
}

.tree li::after {
  right: …

我需要分别更改每个中继器内元素的位置、颜色、背景图像。

我的小部件代码在这里：

$repeater->add_control(
  'clock_gy_minute_hand_position', array(
     'label' => __('Minute Hand Position', 'origami-clock'),
     'type' => Controls_Manager::DIMENSIONS,
     'default' => array('isLinked' => false),
     'size_units' => ['px'],
     'allowed_dimensions' => ['top', 'left'],
     'selectors' => [
        '{{WRAPPER}} .clock' => 'top:{{TOP}}%;right:{{RIGHT}}%;bottom:{{BOTTOM}}%;left: 
         {{LEFT}}%;',
     ],
  )
  )
 );

当通过循环获取每个中继器的数据时，它将每个时钟指针的CSS位置应用到相同的位置。它将最后一个中继器项目的位置应用于所有元素。我需要唯一地标识每个中继器元素。

我看到有文章是这样说的

'{{WRAPPER}} .clock'.$item['_id'] => 'top:{{TOP}}%;right:{{RIGHT}}%;bottom:{{BOTTOM}}%;left:{{LEFT}}%;',

不幸的是，这对我来说也不起作用。

打开 google-chrome 并启动任何页面都会导致“冻结”。当启动终端时，它显示一些错误：

ERROR: gpu_process_host.cc(956)] GPU process exited unexpectedly: exit_code=139

ERROR: gpu_init.cc(453)] Passthrough is not supported, GL is swiftshader, ANGLE is

ERROR: command_buffer_proxy_impl.cc(125)] ContextResult::kTransientFailure: Failed to send GpuControl.CreateCommandBuffer.

ERROR: chrome_browser_main_extra_parts_metrics.cc(228)] crbug.com/1216328: Checking Bluetooth availability started. Please report if there is no report that this ends.

ERROR: chrome_browser_main_extra_parts_metrics.cc(231)] crbug.com/1216328: Checking Bluetooth availability ended.

ERROR: chrome_browser_main_extra_parts_metrics.cc(234)] crbug.com/1216328: Checking default browser status started. Please report if there is no report that this ends.

ERROR: chrome_browser_main_extra_parts_metrics.cc(238)] crbug.com/1216328: Checking default browser status ended.

ERROR: platform_thread_posix.cc(147)] …

如何利用用户与 html 元素的交互来删除伪元素？我有一个带有伪元素的元素，其宽度为 50% 并且绝对定位。我想在用户与其父元素交互后永久删除伪元素。

.test {
  position: relative;
  background: blue;
}

.test::before {
  content: "some text";
  background: red;
  width: 50%;
  position: absolute;
}

<div class="test">Lorem ipsum dolor sit.</div>

在父级上使用 :hover、:active 和 :focus 不起作用。谢谢。

我想知道是否有人可以告诉我是否有可能创建一个CSS相互连接的半圈并水平重复它们看起来像一个花环.它们应该是两种不同的颜色.非常感谢你!

我有以下CSS

.dropdown-menu {
  background-color: black;
  opacity: 0.6;
  color: white;
}
.dropdown-menu > li {
  background-color: black;
  opacity: 1;
  color: white;
}

当HTML元素(使用这个上面CSS)加载我越来越不透明度设置为从预期的.dropdown-menu,问题是,这不透明度里面继承dropdown-menu > li元素的事件,当我使用!important的透明度声明.

那么如何克服这个问题(不透明度应该在父元素上保持0.6)并且在这个孩子上我想要不透明度1？

我做了这个演示:https://jsfiddle.net/qtpsqchq/1/

代码段:

#dashboardHeader {
  color: white;
  background-color: #42637B;
  border: 1px solid black;
}
#dashboardTabs {
  margin: 0 auto;
  width: 50%;
}
.dashboardTab {
  color: white;
  background-color: #39556A;
  border: 1px solid black;
  padding-left: 25px;
  padding-right: 25px;
  margin: 3px;
  float: left;
}

<body>
  <title>Dashboard</title>

  <div id="dashboardBox">

    <div id="dashboardHeader">
      <h1 align="center">Dashboard</h1>
    </div>

    <div id="dashboardTabs">
      <div class="dashboardTab">
        <h3>1</h3>
      </div>
      <div class="dashboardTab">
        <h3>2eq</h3>
      </div>
      <div class="dashboardTab">
        <h3>3</h3>
      </div>
    </div>

    <div id="dashboardContent">

    </div>

  </div>

</body>

我想要的是获得这个结果:http://s4.postimg.org/x6p45agq4/maquette.jpg

但是这个区块没有像我想要的那样居中,3个方格应该居中.

另一奇怪的事情,如果我把边框围绕"dashboardTabs"边框没有去各地"dashboardTab"组(即我写了"dashboardTabs"和"dashboardTab"的通知).

这是为什么？

谢谢.

field: 'Status' ,
         width: '70px' , 
         template: "#if(Status == 'On Request') {#<div class='redAndBold'>#:Status</div>#}#"

我有一个剑道 UI 网格，其中“状态”是从 javascript 文件填充的。模型中的Status可以是“On Request”，我想要的是：如果是“On Request”，则为其添加一个类“redAndBold”。此特定示例中的语法给出了“用户未定义”错误。

谁能给我一些关于如何正确执行此操作的指示？

我是编程新手，我不明白为什么我们应该在 HTML 中使用多个类。我的意思是，无论如何，即使它是一个类或多个类，所有 CSS 样式都将仅应用于相同的内容/文本，那么当单个类执行相同的操作时，多个类有什么用呢？