GVKun编程网logo

CSS颜色属性在@media print上无法正常工作（css颜色属性值）

23

对于CSS颜色属性在@mediaprint上无法正常工作感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍css颜色属性值，并为您提供关于.htaccess重写程序在mac上无法正常工作、Andr

对于CSS颜色属性在@media print上无法正常工作感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍css颜色属性值，并为您提供关于.htaccess重写程序在mac上无法正常工作、Android mediaPlayer搜索暂停时无法正常工作、android-MediaRecorder在新的Google Glass固件(XE19.1)媒体服务器上无法正常工作,死于错误100、Border-radius 在 Safari 和 iPhone 设备上无法正常工作？的有用信息。

本文目录一览：

CSS颜色属性在@media print上无法正常工作（css颜色属性值）

CSS颜色属性在@media print上无法正常工作（css颜色属性值）

我正在构建一个基本上由大型表单组成的Web应用程序,然后可以在提交后打印.

但是,我的打印文档上的文本似乎永远不会受到颜色和字体粗细CSS属性的影响.

这是文档的一小部分,如屏幕上的样子：

enter image description here

但是,在打印时,它最终看起来像这样：

enter image description here

字体相同但由于某种原因没有应用任何样式.我没有覆盖@media打印的CSS设置,所以它不应该看起来完全一样吗？

为什么我的普通样式不能应用于打印文档(通过打印文档我的意思是单击浏览器的“打印”按钮时出现的文档)？

编辑：根据要求发布一些示例代码来说明我的问题：

@media print {

    html {
        margin: 0;
        padding: 0;
        width: 100%;
        font-size: 0.9em;
        color: yellow !important;
    }
}

在上面的代码段中,除了颜色外,每个属性都能正常工作,即使使用！important标记也是如此.我不知道为什么会发生这种情况.

最佳答案
我找到了问题的根源：Bootstrap.

我使用Chrome的检查工具在仿真选项卡中查看打印样式,如下图所示：

enter image description here

然后我选择了颜色没有正确应用的元素,这让我得到了这个小宝石：

@media print {
    *,*:before,*:after {
        background: transparent !important;
        color: #000 !important; // Black prints faster: h5bp.com/s
        Box-shadow: none !important;
        text-shadow: none !important;
    }

    // Other code...
}

Bootstrap用一个令人讨厌的*！重要的组合覆盖我的所有样式,因为CSS’s specificity rules,它甚至会覆盖html {color：yellow！important}.

为了解决我的问题,我可以从Bootstrap删除上面的代码片段或者制作我自己的颜色！重要.

.htaccess重写程序在mac上无法正常工作

.htaccess重写程序在mac上无法正常工作

我有一个网站项目在我的MacBook Pro的豹，我使用内置的Apache2和PHP。 我已经在httpd.conf和user.conf中configuration了我的configuration来使用htaccess。 所做的更改

LoadModule rewrite_module /usr/lib/apache2/modules/mod_rewrite.so <Directory > AllowOverride All </Directory>

问题是当我想打开一个像localhost /〜username / site / site / index.PHP / welcome这样的网站时，index.PHP会执行一些操作并find正确的控制器和正确的页面。

但是当我尝试进入网站/欢迎apache给我以下错误：

未find

.htaccess中的条件SetEnv？

使用Nginx的try_files将所有非现有文件的请求重写为index.PHP

将旧域的所有请求redirect到新域

Url重写mod_rewrite

.htaccess将所有子文件夹内容（有和没有结束斜杠）redirect到相同的子文件夹

在此服务器上未find请求的URL用户/用户名/站点/站点/ index.PHP / welcome。

问题是apache得到这个样子确实是一个文件，错误语句以文件系统的方式给出它，但是这个请求必须被提取到index.PHP。

我的.htaccess文件看起来像这样

<ifModule mod_rewrite.c> RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(.*)$ index.PHP/$1 [NC,QSA,L] </ifModule>

令我困扰的是，这个configuration在Linux和Windows上都能正常工作，但在Mac上无法正常工作。 我感到注定了：）

Apacheconfiguration：正则expression式禁止访问以点开头的文件/目录

将URL重写为index.PHP，但避免在URL中使用index.PHP

wordpress的htaccessredirect顶级域名目录

我怎样才能设置CORS访问我的Linux Web服务器上的audio文件与Apache2？

在Apache服务器上的500错误 – “AllowOverride不允许在这里”

我也遇到了同样的问题！ 在Lion中，“DocumentRoot”不适合我。

但是这个工作：

RewriteEngine On RewriteBase /~username/YOURPath RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(.*)$ index.PHP/$1 [NC,L]

在Mac OSX Mountain Lion上，确保AllowOverride设置为All on Directory /

<Directory /> Options FollowSymLinks AllowOverride All Order deny,allow Deny from all </Directory>

和文档根路径的根目录：

<Directory "/Library/Webserver/Documents"> Options Indexes FollowSymLinks MultiViews AllowOverride All Order allow,deny Allow from all </Directory>

还要确保FollowSymLinks包含在Options 。

如果你的“index.PHP-less漂亮的URL”不在你的DocumentRoot上，那么在你的index.PHP所在的.htaccess文件中添加下面的RewriteBase目录，如下例所示：

RewriteBase /~username/site/site/

如果您想将.htaccess文件名更改为.acl或htaccess.txt等其他内容，请取消注释您的httpd.conf中的以下行

# VarIoUs default settings Include /private/etc/apache2/extra/httpd-default.conf

并在AccessFileName指令中将.htaccess更改为extra/httpd-default.conf文件中的任何内容。 例如，如果您想将.htaccess文件更改为htaccess.txt请将其更改为：

AccessFileName htaccess.txt

保存它们，在OSX Mountain Lion上重新启动你的apache web服务器，并且希望你很好。 希望这可以帮助。

您需要将以下行添加到.htaccess文件中：

DocumentRoot "/~username/site/"

我只是有同样的问题，但上面的解决方案不适合我，

诀窍删除斜杠（我猜是因为我的浏览器已经在正确的用户下运行）。

所以RewriteRule ^ Register /register.PHP

成为RewriteRule ^ Register register.PHP

这让我疯狂！ 顺便说一句我在Mac OS 10.8上运行xampp（apache 2）。

如果我将.htaccess放入/ Library / Webserver / Documents并打开“localhost /”; 测试它，这个按预期工作。 它只是在“〜/站点”不起作用。

总结

以上是小编为你收集整理的.htaccess重写程序在mac上无法正常工作全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

Android mediaPlayer搜索暂停时无法正常工作

Android mediaPlayer搜索暂停时无法正常工作

seekPo()方法在播放mediaPlayer时效果很好.如果mediaPlayer暂停,当我寻找一个位置并调用start()时,它就会开始播放暂停的位置.

我的代码如下,在logcat中,我可以看到它的搜索.

@Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        // Todo Auto-generated method stub
        if(player == null || player.mediaPlayer == null){
            return;
        }
        Log.e("player status","status is " + PlayerStatusCache.playerStatus);

        if(durationProgress < player.mediaPlayer.getDuration()){
            player.mediaPlayer.seekTo(durationProgress);
            Log.e("player","seeking");
        } else {
            player.mediaPlayer.seekTo(player.mediaPlayer.getDuration() - 1000);
        }
    }

解决方法

由于某些设备的某些原因：SystemClock.sleep(200)是必要的,因为在搜索到真正完成之前玩家很快就会调用onSeekComplete(MediaPlayer arg0). 
mMediaPlayer.setonSeekCompleteListener(new MediaPlayer.OnSeekCompleteListener() {
        @Override
        public void onSeekComplete(MediaPlayer arg0) {
            Log.d(TAG,"onSeekComplete() current pos : " + arg0.getCurrentPosition());
            SystemClock.sleep(200);
            mMediaPlayer.start();
        }
    });
    try {
        mMediaPlayer.seekTo(mCurrentPos);
    } catch (IllegalStateException e){
        Log.d(TAG,e.getLocalizedMessage(),e);
    }

android-MediaRecorder在新的Google Glass固件(XE19.1)媒体服务器上无法正常工作,死于错误100

android-MediaRecorder在新的Google Glass固件(XE19.1)媒体服务器上无法正常工作,死于错误100

我为Google Glass制作了一个视频录制应用程序.在Google发布固件XE19.1之前,该应用程序运行良好.我还有另一个固件为XE18.11的Google Glass.该应用程序仍可在带有XE18.11的Google Glass上运行.

我收到以下错误：

07-30 15:39:32.273: V/MediaRecorder(17101): video.h264enc.profile is set to : 1
07-30 15:39:32.679: W/IMediaDeathNotifier(17101): media server died
07-30 15:39:32.679: W/CameraBase(17101): Camera service died!
07-30 15:39:32.679: W/CameraBase(17101): mediaserver's remote binder Camera object died
07-30 15:39:32.687: E/CameraManager(17101): Media Recorder error: what=100, extra=0
07-30 15:39:32.726: E/Camera(17101): Error 100

我试过但没有用的东西：

>尝试MediaRecorder example from Google.仅适用于较旧的固件
>恢复出厂设置的谷歌眼镜
>尝试是否在录制前开始预览.都可以在较旧的固件上运行
>将SurfaceView更改为TextureView.都可以在较旧的固件上运行
>看了changelog GDK XE19.1
>搜索错误

这很奇怪,因为即使Google示例也不起作用.这是将SurfaceView更改为TextureView之后的代码：

public class CameraManager implements one rrorListener
{
    private final static String TAG = CameraManager.class.getName();
    private final static int PREVIEW_SIZE_WIDTH = 640;
    private final static int PREVIEW_SIZE_HEIGHT = 360;

    private Activity mContext;
    private Camera mCamera;
    private TextureView mCameraPreview;
    private CameraListener mCameraListener;
    private MediaRecorder mMediaRecorder;
    private File mOutputVideoFile;
    private boolean mRecording;
    private boolean mTakingPicture;

    public CameraManager(Activity context, TextureView cameraPreview,
            CameraListener cameraListener)
    {
        mRecording = false;
        mTakingPicture = false;
        mContext = context;

        mCameraPreview = cameraPreview;
        mCameraListener = cameraListener;
    }

    public void startRecording(File outputVideoFile)
    {
        Log.d(TAG, "startRecording");

        mOutputVideoFile = outputVideoFile;
        new MediaPrepareTask().execute(null, null, null);
    }

    public void stopRecording()
    {
        Log.d(TAG, "stopRecording");

        mRecording = false;

        // stop the recording
        mMediaRecorder.stop();
        // if we are using MediaRecorder, release it first
        releaseMediaRecorder();
        // take camera access back from MediaRecorder
        mCamera.lock();
        // release the camera immediately on pause event
        releaseCamera();
    }

    public boolean isBusyRecording()
    {
        return mRecording;
    }

    public void takePicture(final TakePictureCallback pictureCallback)
    {
        if (isBusyRecording() && !mTakingPicture)
        {
            mTakingPicture = true;

            mCamera.takePicture(null, null, new PictureCallback()
            {
                @Override
                public void onPictureTaken(final byte[] pictureData, Camera camera)
                {
                    pictureCallback.onPictureTaken(pictureData);
                    mTakingPicture = false;
                }
            });
        }
    }

    @TargetApi(Build.VERSION_CODES.KITKAT)
    private boolean prepareVideoRecorder()
    {
        Log.d(TAG, "prepareVideoRecorder");

        // BEGIN_INCLUDE (configure_preview)
        mCamera = CameraHelper.getDefaultCameraInstance();

        // We need to make sure that our preview and recording video size are
        // supported by the
        // camera. Query camera to find all the sizes and choose the optimal
        // size given the
        // dimensions of our preview surface.
        Camera.Parameters parameters = mCamera.getParameters();
        List<Camera.Size> mSupportedPreviewSizes = parameters.getSupportedPreviewSizes();
        Camera.Size optimalSize = CameraHelper.getoptimalPreviewSize(mSupportedPreviewSizes,
                PREVIEW_SIZE_WIDTH, PREVIEW_SIZE_HEIGHT);

        // Use the same size for recording profile.
        CamcorderProfile profile = CamcorderProfile.get(CamcorderProfile.QUALITY_HIGH);
        profile.videoFrameWidth = optimalSize.width;
        profile.videoFrameHeight = optimalSize.height;

        // likewise for the camera object itself.
        parameters.setPreviewSize(profile.videoFrameWidth, profile.videoFrameHeight);
        mCamera.setParameters(parameters);
        try
        {
            // Requires API level 11+, For backward compatibility use {@link
            // setPreviewdisplay}
            // with {@link SurfaceView}
            mCamera.setPreviewTexture(mCameraPreview.getSurfaceTexture());
        }
        catch (IOException e)
        {
            Log.e(TAG, "Surface texture is unavailable or unsuitable" + e.getMessage());
            return false;
        }
        // END_INCLUDE (configure_preview)

        // BEGIN_INCLUDE (configure_media_recorder)
        mMediaRecorder = new MediaRecorder();
        mMediaRecorder.setonErrorListener(this);

        // Step 1: Unlock and set camera to MediaRecorder
        mCamera.unlock();
        mMediaRecorder.setCamera(mCamera);

        // Step 2: Set sources
        mMediaRecorder.setAudioSource(MediaRecorder.AudioSource.DEFAULT);
        mMediaRecorder.setVideoSource(MediaRecorder.VideoSource.CAMERA);

        // Step 3: Set a CamcorderProfile (requires API Level 8 or higher)
        mMediaRecorder.setProfile(profile);

        // Step 4: Set output file
        mMediaRecorder.setoutputFile(mOutputVideoFile.toString());
        // END_INCLUDE (configure_media_recorder)

        // Step 5: Prepare configured MediaRecorder
        try
        {
            mMediaRecorder.prepare();
        }
        catch (IllegalStateException e)
        {
            Log.d(TAG, "IllegalStateException preparing MediaRecorder: " + e.getMessage());
            releaseMediaRecorder();
            return false;
        }
        catch (IOException e)
        {
            Log.d(TAG, "IOException preparing MediaRecorder: " + e.getMessage());
            releaseMediaRecorder();
            return false;
        }
        return true;
    }

    private void releaseMediaRecorder()
    {
        Log.d(TAG, "releaseMediaRecorder");

        if (mMediaRecorder != null)
        {
            // clear recorder configuration
            mMediaRecorder.reset();
            // release the recorder object
            mMediaRecorder.release();
            mMediaRecorder = null;
            // Lock camera for later use i.e taking it back from MediaRecorder.
            // MediaRecorder doesn't need it anymore and we will release it if
            // the activity pauses.
            mCamera.lock();
        }
    }

    private void releaseCamera()
    {
        Log.d(TAG, "releaseCamera");

        if (mCamera != null)
        {
            // release the camera for other applications
            mCamera.release();
            mCamera = null;
        }
    }

    /**
     * Asynchronous task for preparing the {@link android.media.MediaRecorder}
     * since it's a long blocking operation.
     */
    class MediaPrepareTask extends AsyncTask<Void, Void, Boolean>
    {
        @Override
        protected Boolean doInBackground(Void... voids)
        {
            Log.d(TAG, "MediaPrepareTask - doInBackground");

            // initialize video camera
            if (prepareVideoRecorder())
            {
                // Camera is available and unlocked, MediaRecorder is prepared,
                // Now you can start recording
                mMediaRecorder.start();

                mRecording = true;
            }
            else
            {
                // prepare didn't work, release the camera
                releaseMediaRecorder();
                return false;
            }
            return true;
        }

        @Override
        protected void onPostExecute(Boolean result)
        {
            if (!result)
            {
                mContext.finish();
            }

            mCameraListener.onCameraRecording();
        }
    }

    @Override
    public void one rror(MediaRecorder mr, int what, int extra)
    {
        Log.e(TAG, String.format("Media Recorder error: what=%d, extra=%d", what, extra));
    }
}

谢谢

解决方法:

不幸的是,这是我们的issue tracker中当前存在的已知问题.

更新：20.1更新已解决此问题.

Border-radius 在 Safari 和 iPhone 设备上无法正常工作？

Border-radius 在 Safari 和 iPhone 设备上无法正常工作？

如何解决Border-radius 在 Safari 和 iPhone 设备上无法正常工作？？

我正在图标上应用 border-radius。该图标在 Chrome、Firefox 和 Edge 上看起来不错。但是，图标形状在 Safari 或其他 Apple 设备上略有变化。这是 chrome 上的图标图片

enter image description here

和 Safari

enter image description here

。如何使图标在所有设备和 Web 浏览器上看起来一致？这是CSS：

<svgaria-hidden="true" focusable="false" data-prefix="fas" data-icon="bus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8c-13.25 0-24 10.74-24 24v80c0 13.25 10.75 24 24 24h8v160c0 17.67 14.33 32 32 32v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h192v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8c13.25 0 24-10.75 24-24v-80c0-13.26-10.75-24-24-24zM112 400c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm16-112c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h256c17.67 0 32 14.33 32 32v128c0 17.67-14.33 32-32 32H128zm272 112c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"></path></svg>

.fa-bus{
    background: #0046add;
    display: block;
    color: white;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 9px;
    margin-right: 7px;
}

解决方法

您必须使用外部 div 并在其上实现 CSS

.svg_icon{
    background: #0046dd;
    display: block;
    border-radius: 50%;
    padding: 9px;
    float: left;
    width: 30px;
    height: 30px;
}
.svg_icon svg{
    color: white;
    width: 30px;
    height: 30px;
}
<div>
  <svgaria-hidden="true" focusable="false" data-prefix="fas" data-icon="bus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M488 128h-8V80c0-44.8-99.2-80-224-80S32 35.2 32 80v48h-8c-13.25 0-24 10.74-24 24v80c0 13.25 10.75 24 24 24h8v160c0 17.67 14.33 32 32 32v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h192v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h6.4c16 0 25.6-12.8 25.6-25.6V256h8c13.25 0 24-10.75 24-24v-80c0-13.26-10.75-24-24-24zM112 400c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm16-112c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h256c17.67 0 32 14.33 32 32v128c0 17.67-14.33 32-32 32H128zm272 112c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"></path></svg</div>

关于CSS颜色属性在@media print上无法正常工作和css颜色属性值的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于.htaccess重写程序在mac上无法正常工作、Android mediaPlayer搜索暂停时无法正常工作、android-MediaRecorder在新的Google Glass固件(XE19.1)媒体服务器上无法正常工作,死于错误100、Border-radius 在 Safari 和 iPhone 设备上无法正常工作？的相关知识，请在本站寻找。

本文标签：

上一篇CSS：绝对定位的伪元素失去了z-index？（css绝对定位不能用hover吗）

下一篇给出-fx-alignment的警告：LEFT说没有枚举常量javafx.geometry.Pos.LEFT

相关文章