小编Ste*_*eve的帖子

我从Coverr上传了一个视频,并在我的主页上添加了HTML,CSS和JS.

但是,视频无法播放.

HTML:

<div class="homepage-hero-module">
    <div class="video-container">
        <div class="filter"></div> 
        <video autoplay loop class="fillWidth"> 
            <source src="https://doig.website.technology/wp-content/uploads/2016/09/Escalate.mp4" type="video/mp4" ></source>Your browser does not support the video tag. I suggest you upgrade your browser. 
            <source src="https://doig.website.technology/wp-content/uploads/2016/09/Escalate.webm" type="video/webm" ></source>Your browser does not support the video tag. I suggest you upgrade your browser.
        </video>
        <div class="poster hidden"><img src="https://doig.website.technology/wp-content/uploads/2016/09/Escalate.jpg" alt="Escalate your business internet success with the help of a web professional"></div> 
    </div>
</div>

CSS:

<style>
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video …

我正在尝试让SSL与WampServer一起工作.我正在按照这个答案,我进入了这一部分:Now test your Apache installation by calling httpd -t.

Apache此时不会重启.Windows错误日志有一个条目:

The Apache service named  reported the following error:
>>> Invalid command 'SSLCipherSuite', perhaps misspelled or defined by a module not included in the server configuration     .

我可以评论出来SSLCipherSuite:

• C:\ WAMP\BIN\apache的\ apache2.4.23 \的conf \额外\的httpd-ssl.conf中
• C:\ WAMP\BIN\apache的\ apache2.4.23 \的conf \原有\额外\的httpd-ssl.conf中

但随后在Windows错误报告中将下一个命令报告为无效命令.

有什么指针吗？

在 Internet Explorer 11 中，在https://www.superiorit.com.au，右上角的“s control”图标显示为height: 94px;

如img标签中所指定：

<img src="https://www.superiorit.com.au/wp-content/uploads/2017/11/new_connect_logo_web_normal.png" width="375" height="94" srcset="https://www.superiorit.com.au/wp-content/uploads/2017/11/new_connect_logo_web_normal.png 375w, https://www.superiorit.com.au/wp-content/uploads/2017/11/new_connect_logo_web_normal-300x75.png 300w" sizes="(max-width: 375px) 100vw, 375px" class="so-widget-image">

但是 CSSheight: auto;在：

.so-widget-sow-image-default-eef982a7180b .sow-image-container .so-widget-image {
    display: inline-block;
    max-width: 100%;
    width: inherit;
    height: auto;
}

不受 IE11 的尊重。Chrome 尊重这个 CSS 并将 img 的高度降低到 25px 高：

如何让 IE11 显示 @ 25px 高的图像？

第一次在 Windows 上搭建 React Native 开发环境，我新建了一个 React Native 项目，cd 进去，运行react-native run-android. 我收到错误：

info 正在启动 JS 服务器...系统找不到指定的路径。info Launching emulator... 错误 无法启动模拟器。原因：没有找到模拟器作为emulator -list-avds. 警告 请手动启动模拟器或连接设备。否则应用程序可能无法启动。

错误 无法安装应用程序。请使用 Android SDK 管理器接受所有必要的 Android SDK 许可：“$ANDROID_HOME/tools/bin/sdkmanager --licenses”。使用 --verbose 标志运行 CLI 以获取更多详细信息。错误：命令失败：gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

我试过了：

• 转到 Android Studio 中的配置>SDK 管理器。选择 SDK Tools 选项卡并安装 Google Play Licensing Library
• 打开 Android Studio，然后单击齿轮图标（配置）。按 SDK 管理器选项。应显示三个选项卡，按 SDK Tools 选项卡。之后，请确保更新了 Android SDK Build-Tools、Android SDK Platform-Tools 和 Android SDK Tools。检查它们并按应用。
• 安装 Android SDK v28 并打开运行 v28 的 Pixel …

我使用以下代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select name="cars" id="dynamic_select">
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Borrowing-Power-Calculator.aspx?ID=MFAA">Borrowing Power Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Loan-Repayment-Calculator.aspx?ID=MFAA">Loan Repayment Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Lump-Sum-Repayment-Calculator.aspx?ID=MFAA">Lump Sum Repayment Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Extra_Repayment_Calculator.aspx?ID=MFAA">Extra Repayment Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Budget-Planner.aspx?ID=MFAA">Budget Planner</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Loan-Comparison-Calculator.aspx?ID=MFAA">Loan Comparison Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/How-Long-to-Repay-Calculator.aspx?ID=MFAA">How Long to Repay Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Split-Loan-Calculator.aspx?ID=MFAA">Split Loan Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Property-Selling-Cost-Calculator.aspx?ID=MFAA">Property Selling Cost Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Property-Buying-Cost-Calculator.aspx?ID=MFAA">Property Buying Cost Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Saving-Calculator.aspx?ID=MFAA">Saving Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Term-Deposit-Calculator.aspx?ID=MFAA">Term Deposit Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Stamp-Duty-Calculator.aspx?ID=MFAA">Stamp Duty Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Credit-Card-Calculator.aspx?ID=MFAA">Credit Card Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Income-Tax-Calculator.aspx?ID=MFAA">Income Tax Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Reverse-Mortgage-Calculator.aspx?ID=MFAA">Reverse Mortgage Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Leasing-Calculator.aspx?ID=MFAA">Leasing Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Home-Loan-Offset-Calculator.aspx?ID=MFAA">Home Loan Offset …

我使用PODS.io Wordpress插件为用户元创建了以下自定义字段:

• 出生日期
• 紧急联络名字
• 关系
• emergency_phone

我通过在我的主题中使用以下代码,在额外信息下将这些字段添加到WooCommerce结帐functions.php:

add_action( 'woocommerce_after_order_notes', 'my_custom_checkout_field' );

function my_custom_checkout_field( $checkout ) {

    woocommerce_form_field( 'date_of_birth', array(
        'type'          => 'text',
        'class'         => array('my-field-class form-row-wide'),
        'label'         => __('Date of Birth'),
        'placeholder'   => __('dd/mm/yyyy'),
        ), $checkout->get_value( 'date_of_birth' ));

    woocommerce_form_field( 'emergency_contact_name', array(
        'type'          => 'text',
        'class'         => array('my-field-class form-row-wide'),
        'label'         => __('Emergency Contact Name'),
        'placeholder'   => __('contact name'),
        ), $checkout->get_value( 'emergency_contact_name' ));

    woocommerce_form_field( 'relation', array(
        'type'          => 'text',
        'class'         => array('my-field-class form-row-wide'),
        'label'         => __('Emergency Relation'),
        'placeholder'   => …

在此站点上，当您将鼠标悬停在大页脚菜单中的菜单项上时，蓝色左侧li:hover和上一个边框右侧有一个间隙li（由下面的红色部分表示）：

我放大了 200% 并检查了这个区域，但看不出是什么导致了这个差距。

你可以吗？

在这个页面上,有3个"门口"图形:

<div class="textwidget">    
    <div class="one-third first">
        <div id="doorway1" class="doorway">
            <h3>The Best Core Exercise Ever</h3>
            <div class="doorway-action">
                <a href="http://vmpersonal.com/product/core-strength-level-1/"><img src="http://vmpersonal.com/wp-content/themes/vmpersonal/images/doorway-action.png" alt="Watch Video Now" title="Watch Video Now" /> Watch Video Now</a>
            </div>
        </div>
    </div>
    <div class="one-third">
        <div id="doorway2" class="doorway">
            <h3>Core Strength Level 1 Program</h3>
            <div class="doorway-action">
                <a href="http://vmpersonal.com/product/core-strength-level-1/"><img src="http://vmpersonal.com/wp-content/themes/vmpersonal/images/doorway-action.png" alt="Watch Video Now" title="Watch Video Now" /> Watch Video Now</a>
            </div>
        </div>        
    </div>
    <div class="one-third">
        <div id="doorway3" class="doorway">
            <h3>Cardio Program</h3>
            <div class="doorway-action">
                <a href="http://vmpersonal.com/product/cardio-fitness-level-1/"><img src="http://vmpersonal.com/wp-content/themes/vmpersonal/images/doorway-action.png" alt="Watch Video Now" title="Watch Video Now" …

我们有一个 Wordpress 侧边栏，设计如下：

请注意，大白色 div 的灰色边框向上和向左偏移（请忽略对白色 div 内图像的相同效果） -我们希望在最终设计中边框偏移。

我试过用 HTML 构建它：

<aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope="" itemtype="http://schema.org/WPSideBar" id="genesis-sidebar-primary">
  <h2 class="genesis-sidebar-title screen-reader-text">Primary Sidebar</h2>
  <section id="text-12" class="widget widget_text">
    <div class="widget-wrap">
      <div class="textwidget">
        <p><img src="http://amalfi.madhatmedia.com.au/wp-content/uploads/2016/12/fullytiledpoolssidebarbutton.png" alt="fully tiled pools Perth, Melbourne, Adelaide" title="fully tiled pools Perth, Melbourne, Adelaide"><img src="http://amalfi.madhatmedia.com.au/wp-content/uploads/2016/12/poolrenovationssidebarbutton.png" alt="pool renovations Perth, Melbourne, Adelaide" title="pool renovations Perth, Melbourne, Adelaide"><img src="http://amalfi.madhatmedia.com.au/wp-content/uploads/2016/12/PoolTilingSidebarbutton.png" alt="pool tiling Perth, Melbourne, Adelaide" title="pool tiling Perth, Melbourne, Adelaide"><img src="http://amalfi.madhatmedia.com.au/wp-content/uploads/2016/12/PoolResurfacingSidebarbutton.png" alt="pool resurfacing Perth, Melbourne, Adelaide" title="pool resurfacing …

在此示例页面,我想.snippet-text的background-color: #FFF;延伸跨过它上面的照片,就像这样:

为什么照片优先于白色背景？

我有:

.snippet-image {
  z-index: 998;
}
.snippet-text {
  z-index: 999;
}

<link href="http://vmpersonal.com/wp-content/themes/genesis/style.css" rel="stylesheet" type="text/css" />
<link href="http://vmpersonal.com/wp-content/themes/genesis-sample/style.css" rel="stylesheet" type="text/css" />
<link href="http://vmpersonal.com/wp-content/themes/genesis-sample/mhm-style.css" rel="stylesheet" type="text/css" />

<div class="one-third">
  <div class="snippet">
    <div class="snippet-image">
      <img src="http://vmpersonal.com/wp-content/uploads/2017/02/product-personalized-consultation.jpg" />
    </div>
    <div class="snippet-text">
      <h3>Personalized Consultation</h3>
      <p>The Personalised Fitness Consultation is a premium service. The client has the opportunity to have a face-to-face conversation with Victor (VM Personal CEO), in order to develop the best... strategy towards …